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