| 1 |
- import{c as ee}from"./dataBlock.vue_vue_type_style_index_0_scoped_1da91b3c_lang-61697adf.js";import{s as te,A as ae}from"./index-937821e6.js";import{c as U}from"./customBtn-c97b59f9.js";import{u as ne}from"./vue-router-f797b6fe.js";import{L as le}from"./index-d1e66402.js";import{u as oe}from"./base-7af9cf36.js";import"./index-ed61404c.js";import{_ as ie}from"./fullScreen-725193e8.js";import{_ as L}from"./_plugin-vue_export-helper-c27b6911.js";import{a as c,o as se,v as ue,U as x,V as v,W as g,a4 as o,j as n,u as l,a1 as B,a5 as _,X as s,a3 as re,G as d,$ as F,H as j,a6 as ce,a7 as pe,F as de,a2 as me,R as A}from"./vue-9763c232.js";const P=p=>(ce("data-v-bbac0238"),p=p(),pe(),p),ve={style:{display:"flex","justify-content":"space-between"},class:"custome_myChart"},fe={style:{display:"flex","align-items":"center"}},ge=P(()=>o("div",{style:{margin:"0 10px"}},"|",-1)),ye=P(()=>o("div",{style:{margin:"0 10px"}},"|",-1)),_e={style:{"margin-right":"10px"}},he={class:"time-select"},xe={style:{display:"flex","align-items":"center","margin-top":"10px"}},be=P(()=>o("span",null,"统计精度：",-1)),Ce={__name:"MyChart",props:{options:{type:Object,default:()=>[]}},emits:[],setup(p,{expose:I,emit:w}){const S=p,m=oe();let{fullscreen:D}=te(m);c("1111"),c("");let f=c("本月"),R=c(null),N=c(""),M=ne(),b=c(""),V=c(1);ee(t=>{V.value=t});let u=c([]),e=c({id:"20230707161701",content:{w_deviceid:M.currentRoute.value.query.id,params:[],range:{timetype:"d",start:"-30",stop:""},function:{fn:"mean",timetype:"d",timespan:"1"}}}),Y=c(""),q=c([{value:"sum",label:"总和值"},{value:"mean",label:"平均值"},{value:"max",label:"最大值"},{value:"min",label:"最小值"}]),$=c(""),O=c(""),E=[{value:"m",label:"分"},{value:"h",label:"时"},{value:"d",label:"天"}];const G=()=>{Y.value=q.value.filter(t=>t.value==e.value.content.function.fn)[0].label,O.value=e.value.content.function.timespan+E.filter(t=>t.value==e.value.content.function.timetype)[0].label,u.value.length?$.value=u.value[0]+"至"+u.value[1]:(e.value.content.range.stop,$.value=f.value)};let H=t=>{u.value=[],e.value.content.function.timespan="1",e.value.content.range.stop="",t=="本日"?(e.value.content.range.timetype="d",e.value.content.range.start="0",e.value.content.function.timetype="h"):t=="本周"?(e.value.content.range.timetype="d",e.value.content.range.start="-7",e.value.content.function.timetype="h"):(e.value.content.range.timetype="d",e.value.content.range.start="-30",e.value.content.function.timetype="d")},C=c([]),W=t=>{console.log(t),b.value=t,b.value.sumShow&&(e.value.content.function.fn="mean"),k(t.value)},X=t=>{if(console.log(t),t){f.value="",e.value.content.range.timetype="time";let i=36e5;Date.parse(u.value[1])-Date.parse(u.value[0])<i*24*30*12?(e.value.content.range.timetype="time",e.value.content.range.start=u.value[0]+" 00:00:00",e.value.content.range.stop=u.value[1]+" 23:59:59",e.value.content.function.timetype="d"):(e.value.content.range.timetype="time",e.value.content.range.start=u.value[0]+" 00:00:00",e.value.content.range.stop=u.value[1]+" 23:59:59",e.value.content.function.timetype="mo")}else f.value="本月",u.value=[],e.value.content.range.start="-30",e.value.content.range.stop="",e.value.content.range.timetype="d",e.value.content.function.timetype="d"},J=()=>{N.value=new le(R.value,{data:C.value,xField:"start",yField:"value",seriesField:"paramname",yAxis:{label:{style:{fill:"#ffffff"}}},xAxis:{label:{style:{fill:"#ffffff"}}},color:["#16FFF6","rgba(255, 164, 6)"],legend:{position:"bottom",itemName:{style:{fill:"#ffffff"}}},tooltip:{formatter:t=>({name:t.paramname,value:t.value+C.value.find(i=>i.paramname==t.paramname).unit})},area:{style:{fillOpacity:.15}},animation:{appear:{animation:"path-in",duration:3e3}}}),N.value.render()},k=async t=>{G(),t instanceof Array&&(e.value.content.params=t);let i=await ae.requested(e.value),r=[],h=Object.keys(i.data);if(h.forEach(y=>r.push(...i.data[y])),!r.length){let y={};h.forEach(z=>{y[z]="",y.value="",r.push(y)})}C.value=r,N.value.changeData(C.value),console.log(C.value)};const K=t=>{console.log("触发"),e.value={id:"20230707161701",content:{w_deviceid:M.currentRoute.value.query.id,params:[],range:{timetype:"d",start:"-30",stop:""},function:{fn:"mean",timetype:"d",timespan:"1"}}},u.value=[],f.value="本月",k()};let T=c(null);return se(()=>{b.value=S.options[0],J(),k(S.options[0].value),T.value=setInterval(()=>{k()},6e4)}),ue(()=>{clearInterval(T.value)}),I({currentItem:b}),(t,i)=>{const r=x("a-select-option"),h=x("a-select"),y=x("a-range-picker"),z=x("a-input"),Q=x("a-input-group"),Z=x("a-popconfirm");return v(),g("div",{id:"myChart",style:B([{height:"100%"},{background:l(D)?"linear-gradient(90deg, #001D6A 0%, #0060B2 82%, #007BD5 100%) !important":""}])},[o("div",ve,[o("div",fe,[n(U,{style:{"margin-right":"10px"},btnOptions:p.options,onClickBtn:l(W)},null,8,["btnOptions","onClickBtn"]),n(ie,{color:"#ffffff",domId:"myChart"})]),o("div",{style:B([{display:"flex","align-items":"center",color:"#ffffff","font-size":"12px","flex-shrink":"0"},[{paddingRight:l(D)?"700px":""}]])},[o("span",null,_(l(Y)),1),ge,o("span",null,_(l($)),1),ye,o("span",_e,"统计区间："+_(l(O)),1),n(Z,{getPopupContainer:a=>a.parentNode,onConfirm:l(k),onCancel:K,"ok-text":"查询","cancel-text":"重置",overlayClassName:"custom_select-popover",placement:"bottomLeft"},{icon:s(()=>[]),title:s(()=>[o("div",he,[n(h,{size:"middle",getPopupContainer:a=>a.parentNode,value:l(e).content.function.fn,"onUpdate:value":i[0]||(i[0]=a=>l(e).content.function.fn=a),style:{width:"90px","margin-right":"10px"}},{default:s(()=>[l(b).sumShow?F("",!0):(v(),re(r,{key:0,value:"sum"},{default:s(()=>[d("总和值")]),_:1})),n(r,{value:"mean"},{default:s(()=>[d("平均值")]),_:1}),n(r,{value:"max"},{default:s(()=>[d("最大值")]),_:1}),n(r,{value:"min"},{default:s(()=>[d("最小值")]),_:1})]),_:1},8,["getPopupContainer","value"]),n(h,{getPopupContainer:a=>a.parentNode,size:"middle",value:l(f),"onUpdate:value":i[1]||(i[1]=a=>j(f)?f.value=a:f=a),onChange:l(H),style:{width:"70px","margin-right":"10px"}},{default:s(()=>[n(r,{value:"本日"},{default:s(()=>[d("本日")]),_:1}),n(r,{value:"本周"},{default:s(()=>[d("本周")]),_:1}),n(r,{value:"本年"},{default:s(()=>[d("本月")]),_:1})]),_:1},8,["getPopupContainer","value","onChange"]),n(y,{direction:"topRight",getPopupContainer:a=>a.parentNode,value:l(u),"onUpdate:value":i[2]||(i[2]=a=>j(u)?u.value=a:u=a),style:{width:"200px"},showNow:!1,size:"middle",onChange:l(X),format:"YYYY/MM/DD","value-format":"YYYY-MM-DD"},null,8,["getPopupContainer","value","onChange"])]),o("div",xe,[be,n(Q,{compact:"",size:"middle",style:{width:"120px"}},{default:s(()=>[n(z,{value:l(e).content.function.timespan,"onUpdate:value":i[3]||(i[3]=a=>l(e).content.function.timespan=a),style:{width:"60px"}},null,8,["value"]),n(h,{getPopupContainer:a=>a.parentNode,value:l(e).content.function.timetype,"onUpdate:value":i[4]||(i[4]=a=>l(e).content.function.timetype=a)},{default:s(()=>[n(r,{value:"m"},{default:s(()=>[d("分")]),_:1}),n(r,{value:"h"},{default:s(()=>[d("时")]),_:1}),n(r,{value:"d"},{default:s(()=>[d("天")]),_:1})]),_:1},8,["getPopupContainer","value"])]),_:1})])]),default:s(()=>[o("div",null,[n(U,{btnOptions:[{label:"筛选",icon:!0}],icon1:!1})])]),_:1},8,["getPopupContainer","onConfirm"])],4)]),o("div",{ref_key:"container",ref:R,style:{width:"100%",height:"100%",padding:"30px"}},null,512)],4)}}},Le=L(Ce,[["__scopeId","data-v-bbac0238"]]),ke={class:"data-block"},we={key:0,class:"header"},Be={class:"title"},Se={key:1,class:"content"},De={class:"item"},Ne={key:0,class:"item-title"},$e={class:"value"},ze={key:2},Fe={__name:"dataBlock",props:["title","data","top","left"],emits:[],setup(p,{emit:I}){return(w,S)=>(v(),g("div",{style:B([{position:"absolute",top:p.top+"px",left:p.left+"px","z-index":2}])},[o("div",ke,[p.title?(v(),g("div",we,[o("div",Be,_(p.title),1)])):F("",!0),Object.keys(w.$slots).filter(m=>m!="handle").length?(v(),g("div",ze,[A(w.$slots,"default",{},void 0,!0)])):(v(),g("div",Se,[(v(!0),g(de,null,me(p.data,(m,D)=>(v(),g("div",De,[m.title?(v(),g("span",Ne,_(m.title),1)):F("",!0),o("div",$e,[o("span",{style:B([{fontSize:m.fontSize}])},_(m.value),5),o("span",null,_(m.unit),1)])]))),256)),A(w.$slots,"handle",{},void 0,!0)]))])],4))}},Ve=L(Fe,[["__scopeId","data-v-1da91b3c"]]);export{Le as M,Ve as d};
|
