2 lines
3.9 KiB
JavaScript
2 lines
3.9 KiB
JavaScript
var A=Object.defineProperty,F=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(e,o,t)=>o in e?A(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,D=(e,o)=>{for(var t in o||(o={}))V.call(o,t)&&L(e,t,o[t]);if(w)for(var t of w(o))$.call(o,t)&&L(e,t,o[t]);return e},B=(e,o)=>F(e,M(o));var g=(e,o,t)=>new Promise((d,p)=>{var b=s=>{try{i(t.next(s))}catch(l){p(l)}},u=s=>{try{i(t.throw(s))}catch(l){p(l)}},i=s=>s.done?d(s.value):Promise.resolve(s.value).then(b,u);i((t=t.apply(e,o)).next())});import O from"./Box.22a53d85.js";import{a as R,cV as J,b7 as S,cW as N,s as P,r as v,f as I,bp as Q,bc as W,J as j,fq as q,aA as _,o as h,j as k,x as m,i as r,t as T,h as E,p as y,F as z,aD as G,l as H,aB as K,eC as U,eD as X}from"./index.6f10b46a.js";import{x as Y}from"./other.a8016890.js";import{u as Z}from"./useVContext.d1f4cb32.js";import{u as tt,e as et}from"./useECharts.2de54dce.js";const ot=R({components:{Box:O,Dropdown:J,Menu:S,MenuItem:S.Item,DownOutlined:N},props:["baseId"],setup(e){const{rootEmitter:o}=Z();e.baseId;const t=P({tabList:v([]),list:[],currentTab:v("")}),d=v(null),{setOptions:p}=tt(d),b=I(()=>{var a,n;return(n=(a=t.tabList.find(c=>c.id==t.currentTab))==null?void 0:a.monitoring_point)!=null?n:""});function u({key:a,res:n=!1}){t.currentTab==a&&!n||(t.currentTab=a,s())}function i(){return g(this,null,function*(){let a=yield Y("5");f.value?t.tabList=a:t.tabList=[].concat(a);let n="";t.tabList.length&&(n=t.tabList[0].id),t.tabList,u({key:n,res:!0})})}function s(){return g(this,null,function*(){const a=yield q(t.currentTab,{device:t.currentTab}),n=[];Object.keys(a).forEach(c=>{n.push({x:c,data:a[c]})}),t.list=n,l()})}function l(){var c,C;const a=(c=t.list)==null?void 0:c.map(({x})=>x),n=(C=t.list)==null?void 0:C.map(({data:x})=>x);p({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},grid:{left:"2%",right:"4%",bottom:"4%",top:"16%",containLabel:!0},xAxis:{type:"category",data:a,axisLine:{lineStyle:{color:"rgba(255, 255, 255, 0.1)"}},axisLabel:{textStyle:{color:"white"}}},yAxis:{type:"value",axisLine:{show:!1,lineStyle:{color:"white"}},splitLine:{show:!0,lineStyle:{color:"rgba(255,255,255,0.3)"}},axisLabel:{textStyle:{color:"white"}}},series:[{name:"1",type:"bar",barWidth:"12px",itemStyle:{normal:{color:new et.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(166, 233, 215, 1)"},{offset:1,color:"rgba(72, 151, 94, 0)"}]),barBorderRadius:12}},data:n}]})}Q(()=>{f.value?s():i(),o.on("interval:auto",()=>{s()}),o.on("interval:tab",()=>{})});const f=I(()=>!!e.baseId);return B(D({},W(t)),{currentTabValue:b,chartRef:d,isBase:f,onMenuClick:u})}}),at=e=>(U("data-v-3155c2ad"),e=e(),X(),e),st={class:"h-full flex flex-col"},nt={class:"py-10px relative"},rt={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},it={key:0,class:"absolute right-18px top-1/2 transform -translate-y-1/2"},lt={class:"cursor-pointer"},ct=at(()=>r("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),ut={class:"flex-1"},dt={class:"h-full w-full",ref:"chartRef"};function pt(e,o,t,d,p,b){const u=_("DownOutlined"),i=_("menu-item"),s=_("Menu"),l=_("Dropdown"),f=_("Box");return h(),k(f,K({title:"\u866B\u60C5\u76D1\u63A7"},e.$attrs),{default:m(()=>[r("div",st,[r("div",nt,[r("div",rt,T(e.currentTabValue),1),e.tabList.length>1?(h(),E("div",it,[y(l,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:m(()=>[y(s,{onClick:e.onMenuClick},{default:m(()=>[(h(!0),E(z,null,G(e.tabList,a=>(h(),k(i,{key:a.id},{default:m(()=>[r("div",null,T(a.monitoring_point),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:m(()=>[r("div",lt,[ct,y(u,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):H("",!0)]),r("div",ut,[r("div",dt,null,512)])])]),_:1},16)}var gt=j(ot,[["render",pt],["__scopeId","data-v-3155c2ad"]]);export{gt as default};
|