2 lines
5.4 KiB
JavaScript
2 lines
5.4 KiB
JavaScript
var z=Object.defineProperty,G=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var A=(n,a,e)=>a in n?z(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)&&A(n,e,a[e]);if(F)for(var e of F(a))q.call(a,e)&&A(n,e,a[e]);return n},J=(n,a)=>G(n,U(a));var L=(n,a,e)=>new Promise((x,y)=>{var v=s=>{try{l(e.next(s))}catch(m){y(m)}},_=s=>{try{l(e.throw(s))}catch(m){y(m)}},l=s=>s.done?x(s.value):Promise.resolve(s.value).then(v,_);l((e=e.apply(n,a)).next())});import K from"./Box.3beb83dc.js";import{u as Q}from"./useECharts.5a7ae481.js";import{r as X,w as Y}from"./other.c802c5e4.js";import{a as ee,cV as te,cW as ne,b7 as N,s as ae,r as S,f as M,bp as oe,G as se,bc as re,J as ie,aA as g,o as b,j as V,x as f,i as d,t as E,h as C,p as T,F as $,aD as j,l as ce,n as le,eC as ue,eD as de}from"./index.e8334860.js";import{l as me}from"./lodash.0057b7b8.js";import{c as H}from"./colors.69d1b0cd.js";import{d as pe}from"./dateUtil.467657dd.js";import{u as fe}from"./useVContext.d578c8c8.js";const P=[{key:"turbidity",unit:"NTU",name:"\u6D4A\u5EA6"},{key:"chlorine",unit:"mg/L",name:"\u4F59\u6C2F"},{key:"ph",unit:"PH",name:"PH\u503C"},{key:"temperature",unit:"\u2103",name:"\u6E29\u5EA6"},{key:"oxygen",unit:"mg/L",name:"\u6EB6\u89E3\u6C27"},{key:"conductivity",unit:"uS/cm",name:"\u7535\u5BFC\u7387"}],_e=ee({components:{Box:K,Dropdown:te,DownOutlined:ne,Menu:N,MenuItem:N.Item},props:["baseId"],setup(n){n.baseId;const{rootEmitter:a}=fe(),e=ae({tabList:S([]),menu:me.exports.cloneDeep(P),currentMenu:"turbidity",currentTab:S(""),list:[]}),x=S(null),{setOptions:y,getInstance:v}=Q(x),_=M(()=>{var t,o;return(o=(t=e.tabList.find(r=>r.id==e.currentTab))==null?void 0:t.name)!=null?o:""}),l=M(()=>{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 L(this,null,function*(){const t=yield X({device_type:3});e.tabList=t,t.length&&(e.currentTab=t[0].id),p()})}function p(){return L(this,null,function*(){var r;const t=yield Y({base_id:(r=n.baseId)!=null?r:e.currentTab,device_type:3,device_column:e.currentMenu}),o=[];for(const i in t)Object.prototype.hasOwnProperty.call(t,i)&&o.push({name:i,data:Object.keys(t[i]).map(h=>({key:h,value:t[i][h]?Number(t[i][h]):null}))});e.list=o,R()})}function c({key:t}){e.currentMenu!=t&&(e.currentMenu=t,p())}const k=M(()=>!!n.baseId);let D=1,I=1;oe(()=>{k.value?p():m(),a.on("interval:auto",()=>{p()}),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=I%e.menu.length;c(e.menu[t]),I++})});const R=()=>{var o,r,i,h;const t=e.list.map((u,Z)=>{const B=H[Z%H.length];return{axis:u.data.map(w=>pe(w.key).format("HH:mm")),name:u.name,series:{name:u.name,data:u.data.map(w=>w.value),type:"line",smooth:!0,label:{show:!1,position:"top",color:"#fff"},itemStyle:{color:B.itemColor},areaStyle:{color:B.areaColor}}}});y({grid:{left:"2%",right:"20px",top:"30px",bottom:"2%",containLabel:!0},legend:{data:t.map(u=>u.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:(h=(i=l.value)==null?void 0:i.unit)!=null?h:"",nameTextStyle:{color:"#fff",align:"left"},axisTick:{show:!1},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff"}}],series:t.map(u=>u.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:3,desList:P.map(({key:i})=>i).join(","),baseName:_.value})})}),J(O({currentMenuObj:l},re(e)),{currentTabValue:_,onMenuClick:s,onChangeMenu:c,chartRef:x})}}),he=n=>(ue("data-v-ee4563c2"),n=n(),de(),n),be={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},xe={key:0,class:"py-10px relative"},ye={class:""},ge={class:"cursor-pointer"},ve=he(()=>d("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),Ce={class:"h-full flex flex-col"},ke={class:"h-30px flex items-center px-10px"},De=["onClick"],we={class:"flex-1",ref:"chartRef"};function Le(n,a,e,x,y,v){const _=g("DownOutlined"),l=g("menu-item"),s=g("Menu"),m=g("Dropdown"),p=g("Box");return b(),V(p,{title:"\u6C34\u8D28\u76D1\u6D4B\u6570\u636E"},{center:f(()=>[d("div",be,E(n.currentTabValue),1)]),right:f(()=>[n.tabList.length>1?(b(),C("div",xe,[d("div",ye,[T(m,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:f(()=>[T(s,{onClick:n.onMenuClick},{default:f(()=>[(b(!0),C($,null,j(n.tabList,c=>(b(),V(l,{key:c.id},{default:f(()=>[d("div",null,E(c.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:f(()=>[d("div",ge,[ve,T(_,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])])):ce("",!0)]),default:f(()=>[d("div",Ce,[d("div",ke,[(b(!0),C($,null,j(n.menu,(c,k)=>(b(),C("div",{class:le(["text-white mx-5px text-12px cursor-pointer",{active:c.key==n.currentMenu}]),onClick:D=>n.onChangeMenu(c),key:k},E(c.name),11,De))),128))]),d("div",we,null,512)])]),_:1})}var Je=ie(_e,[["render",Le],["__scopeId","data-v-ee4563c2"]]);export{Je as default};
|