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