2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
var R=Object.defineProperty,Z=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var F=(n,a,e)=>a in n?R(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)&&F(n,e,a[e]);if(I)for(var e of I(a))G.call(a,e)&&F(n,e,a[e]);return n},O=(n,a)=>Z(n,z(a));var S=(n,a,e)=>new Promise((h,x)=>{var g=o=>{try{i(e.next(o))}catch(s){x(s)}},f=o=>{try{i(e.throw(o))}catch(s){x(s)}},i=o=>o.done?h(o.value):Promise.resolve(o.value).then(g,f);i((e=e.apply(n,a)).next())});import W from"./Box.dd636c43.js";import{u as q}from"./useECharts.a02927f7.js";import{p as K,t as Q}from"./other.f4d28b0c.js";import{a as X,cV as Y,cW as ee,b7 as J,s as te,r as L,f as E,bp as ne,bc as ae,J as oe,aA as y,o as b,j as V,x as m,i as p,t as M,h as k,p as T,F as N,aD as $,l as se,n as re,eC as ie,eD as ce}from"./index.e042bc74.js";import{l as le}from"./lodash.997b0fc1.js";import{c as j}from"./colors.69d1b0cd.js";import{d as ue}from"./dateUtil.4d55bae9.js";import{u as pe}from"./useVContext.3480b5f9.js";const de=[{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"}],me=X({components:{Box:W,Dropdown:Y,DownOutlined:ee,Menu:J,MenuItem:J.Item},props:["baseId"],setup(n){n.baseId;const{rootEmitter:a}=pe(),e=te({tabList:L([]),menu:le.exports.cloneDeep(de),currentMenu:"turbidity",currentTab:L(""),list:[]}),h=L(null),{setOptions:x}=q(h),g=E(()=>{var t,r;return(r=(t=e.tabList.find(d=>d.id==e.currentTab))==null?void 0:t.name)!=null?r:""}),f=E(()=>{var t;return(t=e.menu.find(r=>r.key==e.currentMenu))!=null?t:{}});function i({key:t}){e.currentTab!=t&&(e.currentTab=t)}function o(){return S(this,null,function*(){const t=yield K({device_type:3});e.tabList=t,t.length&&(e.currentTab=t[0].id),s()})}function s(){return S(this,null,function*(){var d;const t=yield Q({base_id:(d=n.baseId)!=null?d:e.currentTab,device_type:3,device_column:e.currentMenu}),r=[];for(const l in t)Object.prototype.hasOwnProperty.call(t,l)&&r.push({name:l,data:Object.keys(t[l]).map(_=>({key:_,value:t[l][_]?Number(t[l][_]):null}))});e.list=r,H()})}function v({key:t}){e.currentMenu!=t&&(e.currentMenu=t,s())}const c=E(()=>!!n.baseId);let C=1,D=1;ne(()=>{c.value?s():o(),a.on("interval:auto",()=>{s()}),a.on("interval:tab",()=>{if(e.tabList.length==0)return;const t=C%e.tabList.length;i({key:e.tabList[t].id}),C++}),a.on("interval:tab1",()=>{if(e.menu.length==0)return;const t=D%e.menu.length;v(e.menu[t]),D++})});const H=()=>{var r,d,l,_;const t=e.list.map((u,P)=>{const B=j[P%j.length];return{axis:u.data.map(w=>ue(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}}}});x({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:(d=(r=t[0])==null?void 0:r.axis)!=null?d:[],boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",name:(_=(l=f.value)==null?void 0:l.unit)!=null?_:"",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 O(A({currentMenuObj:f},ae(e)),{currentTabValue:g,onMenuClick:i,onChangeMenu:v,chartRef:h})}}),fe=n=>(ie("data-v-6b2e6b8f"),n=n(),ce(),n),_e={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},be={key:0,class:"py-10px relative"},he={class:""},xe={class:"cursor-pointer"},ye=fe(()=>p("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),ge={class:"h-full flex flex-col"},ve={class:"h-30px flex items-center px-10px"},Ce=["onClick"],ke={class:"flex-1",ref:"chartRef"};function De(n,a,e,h,x,g){const f=y("DownOutlined"),i=y("menu-item"),o=y("Menu"),s=y("Dropdown"),v=y("Box");return b(),V(v,{title:"\u6C34\u8D28\u76D1\u6D4B\u6570\u636E"},{center:m(()=>[p("div",_e,M(n.currentTabValue),1)]),right:m(()=>[n.tabList.length>1?(b(),k("div",be,[p("div",he,[T(s,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:m(()=>[T(o,{onClick:n.onMenuClick},{default:m(()=>[(b(!0),k(N,null,$(n.tabList,c=>(b(),V(i,{key:c.id},{default:m(()=>[p("div",null,M(c.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:m(()=>[p("div",xe,[ye,T(f,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])])):se("",!0)]),default:m(()=>[p("div",ge,[p("div",ve,[(b(!0),k(N,null,$(n.menu,(c,C)=>(b(),k("div",{class:re(["text-white mx-5px text-12px cursor-pointer",{active:c.key==n.currentMenu}]),onClick:D=>n.onChangeMenu(c),key:C},M(c.name),11,Ce))),128))]),p("div",ke,null,512)])]),_:1})}var Ae=oe(me,[["render",De],["__scopeId","data-v-6b2e6b8f"]]);export{Ae as default};
|