2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
var P=Object.defineProperty,q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var F=(n,a,e)=>a in n?P(n,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[a]=e,O=(n,a)=>{for(var e in a||(a={}))W.call(a,e)&&F(n,e,a[e]);if(E)for(var e of E(a))Z.call(a,e)&&F(n,e,a[e]);return n},A=(n,a)=>q(n,U(a));var M=(n,a,e)=>new Promise((y,x)=>{var v=s=>{try{u(e.next(s))}catch(d){x(d)}},f=s=>{try{u(e.throw(s))}catch(d){x(d)}},u=s=>s.done?y(s.value):Promise.resolve(s.value).then(v,f);u((e=e.apply(n,a)).next())});import K from"./Box.48a60aaf.js";import{u as Q}from"./useECharts.3bc533c1.js";import{q as X,v as Y}from"./other.2ace3f8e.js";import{a as ee,cV as te,cW as ne,b7 as J,s as ae,r as L,f as T,bp as oe,G as se,bc as ie,J as re,aA as g,o as h,j as R,x as m,h as k,i as p,p as I,F as V,aD as $,t as j,l as ce,n as le,eC as ue,eD as de}from"./index.d96edf17.js";import{l as me}from"./lodash.b2e68bf5.js";import{d as pe}from"./dateUtil.b6056fdf.js";import{c as N}from"./colors.69d1b0cd.js";import{u as fe}from"./useVContext.196d6a81.js";const z=[{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"}],_e=ee({components:{Box:K,Dropdown:te,DownOutlined:ne,Menu:J,MenuItem:J.Item},props:["baseId"],setup(n){n.baseId;const{rootEmitter:a}=fe(),e=ae({tabList:L([]),menu:me.exports.cloneDeep(z),currentMenu:"temperature",currentTab:L(""),list:[]}),y=L(null),{setOptions:x,getInstance:v}=Q(y),f=T(()=>{var t,o;return(o=(t=e.tabList.find(i=>i.id==e.currentTab))==null?void 0:t.name)!=null?o:""}),u=T(()=>{var t;return(t=e.menu.find(o=>o.key==e.currentMenu))!=null?t:{}});function s({key:t}){e.currentTab!=t&&(e.currentTab=t)}function d(){return M(this,null,function*(){const t=yield X({device_type:2});e.tabList=t,t.length&&(e.currentTab=t[0].id),_()})}function _(){return M(this,null,function*(){var i;const t=yield Y({base_id:(i=n.baseId)!=null?i:e.currentTab,device_type:2,device_column:e.currentMenu}),o=[];for(const c in t)Object.prototype.hasOwnProperty.call(t,c)&&o.push({name:c,data:Object.keys(t[c]).map(b=>({key:b,value:t[c][b]}))});e.list=o,G()})}function r({key:t}){e.currentMenu!=t&&(e.currentMenu=t,_())}const C=T(()=>!!n.baseId);let D=1,S=1;oe(()=>{C.value?_():d(),a.on("interval:auto",()=>{_()}),a.on("interval:tab",()=>{if(e.tabList.length==0)return;const t=D%e.tabList.length;s({key:e.tabList[t].id}),D++}),a.on("interval:tab1",()=>{if(e.menu.length==0)return;const t=S%e.menu.length;r(e.menu[t]),S++})});const G=()=>{var o,i,c,b;const t=e.list.map((l,H)=>{const B=N[H%N.length];return{axis:l.data.map(w=>pe(w.key).format("HH:mm")),name:l.name,series:{name:l.name,data:l.data.map(w=>w.value),type:"line",itemStyle:{color:B.itemColor},areaStyle:{color:B.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:(i=(o=t[0])==null?void 0:o.axis)!=null?i:[],boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",name:(b=(c=u.value)==null?void 0:c.unit)!=null?b:"",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 se(()=>{var t,o;(o=(t=v())==null?void 0:t.getZr())==null||o.on("click",()=>{var i;a.emit("rightModel:click",{base_id:(i=n.baseId)!=null?i:e.currentTab,device_type:2,desList:z.map(({key:c})=>c).join(","),baseName:f.value})})}),A(O({},ie(e)),{currentTabValue:f,onMenuClick:s,onChangeMenu:r,chartRef:y})}}),he=n=>(ue("data-v-663d7ca9"),n=n(),de(),n),ye={key:0,class:"py-10px relative"},xe={class:""},be={class:"cursor-pointer"},ge=he(()=>p("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),ve={class:"h-full flex flex-col"},ke={class:"h-30px flex items-center px-10px"},Ce=["onClick"],De={class:"flex-1",ref:"chartRef"};function we(n,a,e,y,x,v){const f=g("DownOutlined"),u=g("menu-item"),s=g("Menu"),d=g("Dropdown"),_=g("Box");return h(),R(_,{title:"\u571F\u58E4\u76D1\u6D4B\u6570\u636E"},{center:m(()=>[]),right:m(()=>[n.tabList.length>1?(h(),k("div",ye,[p("div",xe,[I(d,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:m(()=>[I(s,{onClick:n.onMenuClick},{default:m(()=>[(h(!0),k(V,null,$(n.tabList,r=>(h(),R(u,{key:r.id},{default:m(()=>[p("div",null,j(r.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:m(()=>[p("div",be,[ge,I(f,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])])):ce("",!0)]),default:m(()=>[p("div",ve,[p("div",ke,[(h(!0),k(V,null,$(n.menu,(r,C)=>(h(),k("div",{class:le(["text-white mx-5px text-12px cursor-pointer",{active:r.key==n.currentMenu}]),onClick:D=>n.onChangeMenu(r),key:C},j(r.name),11,Ce))),128))]),p("div",De,null,512)])]),_:1})}var Ae=re(_e,[["render",we],["__scopeId","data-v-663d7ca9"]]);export{Ae as default};
|