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