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