2 lines
6.2 KiB
JavaScript
2 lines
6.2 KiB
JavaScript
var G=Object.defineProperty,K=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var j=(n,a,e)=>a in n?G(n,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[a]=e,H=(n,a)=>{for(var e in a||(a={}))Y.call(a,e)&&j(n,e,a[e]);if($)for(var e of $(a))Q.call(a,e)&&j(n,e,a[e]);return n},R=(n,a)=>K(n,X(a));var D=(n,a,e)=>new Promise((b,g)=>{var k=i=>{try{d(e.next(i))}catch(m){g(m)}},h=i=>{try{d(e.throw(i))}catch(m){g(m)}},d=i=>i.done?b(i.value):Promise.resolve(i.value).then(k,h);d((e=e.apply(n,a)).next())});import W from"./Box.ea9d0e0a.js";import{u as ee}from"./useECharts.f2bf9eb6.js";import{s as te,x as ne}from"./other.d43d2a78.js";import{a as ae,cX as oe,cY as se,ba as z,w as ie,v as E,f as I,x as re,K as le,bf as ce,q as ue,aE as v,o as f,j as M,B as l,i as r,t as w,h as C,p as y,F as B,aH as T,l as de,n as me,eD as pe,eE as fe}from"./index.203f4f59.js";import{l as he}from"./lodash.f86692ba.js";import{c as P}from"./colors.69d1b0cd.js";import{d as _e}from"./dateUtil.dbb1f8a5.js";import{u as xe}from"./useVContext.24ed0266.js";const Z=[{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:"nh3n",unit:"mg/L",name:"\u6C28\u6C2E"},{key:"conductivity",unit:"uS/cm",name:"\u7535\u5BFC\u7387"}],ye=ae({components:{Box:W,Dropdown:oe,DownOutlined:se,Menu:z,MenuItem:z.Item},props:["baseId"],setup(n){n.baseId;const{rootEmitter:a}=xe(),e=ie({tabList:E([]),menu:he.exports.cloneDeep(Z),currentMenu:"turbidity",currentTab:E(""),list:[],chartList:[],chartIndex:0}),b=E(null),{setOptions:g,getInstance:k}=ee(b),h=I(()=>{var t,o;return(o=(t=e.tabList.find(c=>c.id==e.currentTab))==null?void 0:t.name)!=null?o:""}),d=I(()=>{var t;return(t=e.menu.find(o=>o.key==e.currentMenu))!=null?t:{}});function i({key:t}){e.currentTab!=t&&(e.currentTab=t,e.chartIndex=0,s())}function m({key:t}){e.chartIndex!=t&&(e.chartIndex=t,O())}function L(){return D(this,null,function*(){const t=yield te({device_type:3});e.tabList=t,t.length&&(e.currentTab=t[0].id),s()})}function s(){return D(this,null,function*(){var c;const t=yield ne({base_id:(c=n.baseId)!=null?c:e.currentTab,device_type:3,device_column:e.currentMenu}),o=[];for(const u in t)Object.prototype.hasOwnProperty.call(t,u)&&o.push({name:u,data:Object.keys(t[u]).map(x=>({key:x,value:t[u][x]?Number(t[u][x]):null}))});e.list=o,O()})}function _({key:t}){e.currentMenu!=t&&(e.currentMenu=t,s())}const F=I(()=>!!n.baseId);let A=1,N=1;re(()=>{F.value?s():L(),a.on("interval:auto",()=>{s()}),a.on("interval:tab",()=>{if(e.tabList.length==0)return;const t=A%e.tabList.length;i({key:e.tabList[t].id}),A++}),a.on("interval:tab1",()=>{if(e.menu.length==0)return;const t=N%e.menu.length;_(e.menu[t]),N++})});const O=()=>{var c,u,x,J;const t=e.list.map((p,q)=>{const V=P[q%P.length];return{axis:p.data.map(S=>_e(S.key).format("HH:mm")),name:p.name,series:{name:p.name,data:p.data.map(S=>S.value),type:"line",smooth:!0,label:{show:!1,position:"top",color:"#fff"},itemStyle:{color:V.itemColor},areaStyle:{color:V.areaColor}}}});e.chartList=t;const o=[t[e.chartIndex]];g({grid:{left:"2%",right:"20px",top:"30px",bottom:"2%",containLabel:!0},legend:{data:o.map(p=>p.name),top:"0%",right:"0",textStyle:{color:"#ffffff"},show:!1},title:{text:o[0].name,textStyle:{color:"#fff",fontSize:"12"},right:0},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:(u=(c=o[0])==null?void 0:c.axis)!=null?u:[],boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",name:(J=(x=d.value)==null?void 0:x.unit)!=null?J:"",nameTextStyle:{color:"#fff",align:"left"},axisTick:{show:!1},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff"}}],series:o.map(p=>p.series)})};return le(()=>{var t,o;(o=(t=k())==null?void 0:t.getZr())==null||o.on("click",()=>{var c;a.emit("rightModel:click",{base_id:(c=n.baseId)!=null?c:e.currentTab,device_type:3,desList:Z.map(({key:u})=>u).join(","),baseName:h.value})})}),R(H({currentMenuObj:d},ce(e)),{currentTabValue:h,onMenuClick:i,onChangeMenu:_,chartRef:b,onChartClick:m})}}),U=n=>(pe("data-v-855e2996"),n=n(),fe(),n),be={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},ge={key:0,class:"py-10px relative"},ve={class:""},Ce={class:"cursor-pointer"},ke=U(()=>r("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),we={class:"h-full flex flex-col"},Le={class:"h-30px flex items-center px-10px"},Se={class:"flex flex-1"},De=["onClick"],Ee={class:"cursor-pointer"},Ie=U(()=>r("span",{class:"text-white text-12px"},"\u8BBE\u5907",-1)),Me={class:"flex-1",ref:"chartRef"};function Be(n,a,e,b,g,k){const h=v("DownOutlined"),d=v("menu-item"),i=v("Menu"),m=v("Dropdown"),L=v("Box");return f(),M(L,{title:"\u6C34\u8D28\u76D1\u6D4B\u6570\u636E"},{center:l(()=>[r("div",be,w(n.currentTabValue),1)]),right:l(()=>[n.tabList.length>1?(f(),C("div",ge,[r("div",ve,[y(m,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:l(()=>[y(i,{onClick:n.onMenuClick},{default:l(()=>[(f(!0),C(B,null,T(n.tabList,s=>(f(),M(d,{key:s.id},{default:l(()=>[r("div",null,w(s.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:l(()=>[r("div",Ce,[ke,y(h,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])])):de("",!0)]),default:l(()=>[r("div",we,[r("div",Le,[r("div",Se,[(f(!0),C(B,null,T(n.menu,(s,_)=>(f(),C("div",{class:me(["text-white mx-5px text-12px cursor-pointer",{active:s.key==n.currentMenu}]),onClick:F=>n.onChangeMenu(s),key:_},w(s.name),11,De))),128))]),r("div",null,[y(m,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:l(()=>[y(i,{onClick:n.onChartClick},{default:l(()=>[(f(!0),C(B,null,T(n.chartList,(s,_)=>(f(),M(d,{key:_},{default:l(()=>[r("div",null,w(s.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:l(()=>[r("div",Ee,[Ie,y(h,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])]),r("div",Me,null,512)])]),_:1})}var He=ue(ye,[["render",Be],["__scopeId","data-v-855e2996"]]);export{He as default};
|