2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
var P=Object.defineProperty,R=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var T=(t,o,e)=>o in t?P(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,I=(t,o)=>{for(var e in o||(o={}))Z.call(o,e)&&T(t,e,o[e]);if(M)for(var e of M(o))j.call(o,e)&&T(t,e,o[e]);return t},F=(t,o)=>R(t,H(o));var D=(t,o,e)=>new Promise((_,h)=>{var b=a=>{try{u(e.next(a))}catch(i){h(i)}},p=a=>{try{u(e.throw(a))}catch(i){h(i)}},u=a=>a.done?_(a.value):Promise.resolve(a.value).then(b,p);u((e=e.apply(t,o)).next())});import z from"./Box.fcbd33fd.js";import{u as U}from"./useECharts.d100ee71.js";import{n as q,r as G}from"./other.ed2ccd93.js";import{Dropdown as K,Menu as A}from"ant-design-vue";import{l as Q}from"./lodash.fc76c926.js";import{c as O}from"./colors.d19e85ff.js";import{d as W}from"./dateUtil.1fb2b991.js";import{u as X}from"./useVContext.fe0bcac3.js";import{d as Y,q as ee,r as w,e as J,aA as te,an as ne,_ as oe,P as y,o as f,i as N,s as m,h as l,t as S,f as v,m as L,F as V,S as $,k as ae,n as se,cn as re,co as ie}from"./index.7edff3d4.js";import{D as ce}from"./DownOutlined.98d2a288.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=Y({components:{Box:z,Dropdown:K,DownOutlined:ce,Menu:A,MenuItem:A.Item},props:["baseId"],setup(t){t.baseId;const{rootEmitter:o}=X(),e=ee({tabList:w([]),menu:Q.exports.cloneDeep(le),currentMenu:"turbidity",currentTab:w(""),list:[]}),_=w(null),{setOptions:h}=U(_),b=J(()=>{var n,c;return(c=(n=e.tabList.find(d=>d.id==e.currentTab))==null?void 0:n.name)!=null?c:""});function p({key:n}){e.currentTab!=n&&(e.currentTab=n)}function u(){return D(this,null,function*(){const n=yield q({device_type:3});e.tabList=n,n.length&&(e.currentTab=n[0].id),a()})}function a(){return D(this,null,function*(){var d;const n=yield G({base_id:(d=t.baseId)!=null?d:e.currentTab,device_type:3,device_column:e.currentMenu}),c=[];for(const s in n)Object.prototype.hasOwnProperty.call(n,s)&&c.push({name:s,data:Object.keys(n[s]).map(x=>({key:x,value:n[s][x]?Number(n[s][x]):null}))});e.list=c,E()})}function i({key:n}){e.currentMenu!=n&&(e.currentMenu=n,a())}const C=J(()=>!!t.baseId);let r=1,g=1;te(()=>{C.value?a():u(),o.on("interval:auto",()=>{a()}),o.on("interval:tab",()=>{const n=r%e.tabList.length;p({key:e.tabList[n].id}),r++}),o.on("interval:tab1",()=>{const n=g%e.menu.length;i(e.menu[n]),g++})});const E=()=>{var c,d;const n=e.list.map((s,x)=>{const B=O[x%O.length];return{axis:s.data.map(k=>W(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:n.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=n[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:n.map(s=>s.series)})};return F(I({},ne(e)),{currentTabValue:b,onMenuClick:p,onChangeMenu:i,chartRef:_})}}),de=t=>(re("data-v-470ff553"),t=t(),ie(),t),me={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"},fe={key:0,class:""},_e={class:"cursor-pointer"},he=de(()=>l("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),xe={class:"h-full flex flex-col"},ye={class:"h-30px flex items-center px-10px"},be=["onClick"],ge={class:"flex-1",ref:"chartRef"};function ve(t,o,e,_,h,b){const p=y("DownOutlined"),u=y("menu-item"),a=y("Menu"),i=y("Dropdown"),C=y("Box");return f(),N(C,{title:"\u6C34\u8D28\u76D1\u6D4B\u6570\u636E"},{center:m(()=>[l("div",me,S(t.currentTabValue),1)]),right:m(()=>[l("div",pe,[t.tabList.length>1?(f(),v("div",fe,[L(i,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:m(()=>[L(a,{onClick:t.onMenuClick},{default:m(()=>[(f(!0),v(V,null,$(t.tabList,r=>(f(),N(u,{key:r.id},{default:m(()=>[l("div",null,S(r.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:m(()=>[l("div",_e,[he,L(p,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):ae("",!0)])]),default:m(()=>[l("div",xe,[l("div",ye,[(f(!0),v(V,null,$(t.menu,(r,g)=>(f(),v("div",{class:se(["text-white mx-5px text-12px cursor-pointer",{active:r.key==t.currentMenu}]),onClick:E=>t.onChangeMenu(r),key:g},S(r.name),11,be))),128))]),l("div",ge,null,512)])]),_:1})}var Fe=oe(ue,[["render",ve],["__scopeId","data-v-470ff553"]]);export{Fe as default};
|