2 lines
4.8 KiB
JavaScript
2 lines
4.8 KiB
JavaScript
var V=Object.defineProperty,$=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var B=(t,a,e)=>a in t?V(t,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[a]=e,M=(t,a)=>{for(var e in a||(a={}))j.call(a,e)&&B(t,e,a[e]);if(L)for(var e of L(a))z.call(a,e)&&B(t,e,a[e]);return t},F=(t,a)=>$(t,R(a));var k=(t,a,e)=>new Promise((f,_)=>{var x=n=>{try{l(e.next(n))}catch(u){_(u)}},h=n=>{try{l(e.throw(n))}catch(u){_(u)}},l=n=>n.done?f(n.value):Promise.resolve(n.value).then(x,h);l((e=e.apply(t,a)).next())});import H from"./Box.e217205a.js";import{u as P}from"./useECharts.8a2a2f9e.js";import{o as Z,r as q}from"./other.150ae4c7.js";import{a as G,cK as U,cJ as K,b8 as T,w as Q,v as w,f as I,bq as W,bd as X,L as Y,aG as b,o as m,j as A,z as d,i as c,t as D,h as v,n as S,F as J,aJ as O,l as ee,q as te,eA as oe,eB as ae}from"./index.66fda55f.js";import{l as ne}from"./lodash.6d16cae8.js";import{c as N}from"./colors.d19e85ff.js";import{d as se}from"./dateUtil.9b9e915e.js";import{u as re}from"./useVContext.28867436.js";import"./dayjs.min.7f9108ce.js";const ie=[{key:"turbidity",unit:"NTU",name:"\u6D4A\u5EA6"},{key:"chlorine",unit:"mg/L",name:"\u4F59\u6C2F"},{key:"ph",unit:null,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"}],ce=G({components:{Box:H,Dropdown:U,DownOutlined:K,Menu:T,MenuItem:T.Item},props:["baseId"],setup(t){t.baseId;const{rootEmitter:a}=re(),e=Q({tabList:w([]),menu:ne.exports.cloneDeep(ie),currentMenu:"turbidity",currentTab:w(""),list:[]}),f=w(null),{setOptions:_}=P(f),x=I(()=>{var o,r;return(r=(o=e.tabList.find(p=>p.id==e.currentTab))==null?void 0:o.name)!=null?r:""});function h({key:o}){e.currentTab!=o&&(e.currentTab=o)}function l(){return k(this,null,function*(){const o=yield Z({device_type:3});e.tabList=o,o.length&&(e.currentTab=o[0].id),n()})}function n(){return k(this,null,function*(){var p;const o=yield q({base_id:(p=t.baseId)!=null?p:e.currentTab,device_type:3,device_column:e.currentMenu}),r=[];for(const s in o)Object.prototype.hasOwnProperty.call(o,s)&&r.push({name:s,data:Object.keys(o[s]).map(y=>({key:y,value:o[s][y]?Number(o[s][y]):null}))});e.list=r,i()})}function u({key:o}){e.currentMenu!=o&&(e.currentMenu=o,n())}const g=I(()=>!!t.baseId);W(()=>{g.value?n():l(),a.on("interval:auto",()=>{n()})});const i=()=>{var r,p;const o=e.list.map((s,y)=>{const E=N[y%N.length];return{axis:s.data.map(C=>se(C.key).format("HH:mm")),name:s.name,series:{name:s.name,data:s.data.map(C=>C.value),type:"line",smooth:!0,label:{show:!1,position:"top",color:"#fff"},itemStyle:{color:E.itemColor},areaStyle:{color:E.areaColor}}}});_({grid:{left:"2%",right:"2%",top:"30px",bottom:"2%",containLabel:!0},legend:{data:o.map(s=>s.name),top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:(p=(r=o[0])==null?void 0:r.axis)!=null?p:[],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:o.map(s=>s.series)})};return F(M({},X(e)),{currentTabValue:x,onMenuClick:h,onChangeMenu:u,chartRef:f})}}),le=t=>(oe("data-v-852bfb8c"),t=t(),ae(),t),ue={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"},de={key:0,class:""},me={class:"cursor-pointer"},fe=le(()=>c("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),_e={class:"h-full flex flex-col"},he={class:"h-30px flex items-center px-10px"},ye=["onClick"],be={class:"flex-1",ref:"chartRef"};function xe(t,a,e,f,_,x){const h=b("DownOutlined"),l=b("menu-item"),n=b("Menu"),u=b("Dropdown"),g=b("Box");return m(),A(g,{title:"\u6C34\u8D28\u76D1\u6D4B\u6570\u636E"},{center:d(()=>[c("div",ue,D(t.currentTabValue),1)]),right:d(()=>[c("div",pe,[t.tabList.length>1?(m(),v("div",de,[S(u,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:d(()=>[S(n,{onClick:t.onMenuClick},{default:d(()=>[(m(!0),v(J,null,O(t.tabList,i=>(m(),A(l,{key:i.id},{default:d(()=>[c("div",null,D(i.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:d(()=>[c("div",me,[fe,S(h,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):ee("",!0)])]),default:d(()=>[c("div",_e,[c("div",he,[(m(!0),v(J,null,O(t.menu,(i,o)=>(m(),v("div",{class:te(["text-white mx-5px text-12px cursor-pointer",{active:i.key==t.currentMenu}]),onClick:r=>t.onChangeMenu(i),key:o},D(i.name),11,ye))),128))]),c("div",be,null,512)])]),_:1})}var Me=Y(ce,[["render",xe],["__scopeId","data-v-852bfb8c"]]);export{Me as default};
|