| 1 |
- import{c as Z}from"./dataBlock.vue_vue_type_style_index_0_scoped_1da91b3c_lang-a5a9293d.js";import{s as ee,A as te}from"./index-4d13d1e4.js";import{c as T}from"./customBtn-59d09956.js";import{u as ae}from"./vue-router-f797b6fe.js";import{L as ne}from"./index-470733af.js";import{u as le}from"./base-6b35e4bc.js";import"./index-5e184d93.js";import{_ as oe}from"./fullScreen-3aa21b6e.js";import{_ as L}from"./_plugin-vue_export-helper-c27b6911.js";import{a as p,o as ie,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 se,G as d,$ as F,H as j,a6 as ue,a7 as re,F as pe,a2 as ce,R as A}from"./vue-9763c232.js";const P=c=>(ue("data-v-44e341d0"),c=c(),re(),c),de={style:{display:"flex","justify-content":"space-between"},class:"custome_myChart"},me={style:{display:"flex","align-items":"center"}},ve=P(()=>o("div",{style:{margin:"0 10px"}},"|",-1)),fe=P(()=>o("div",{style:{margin:"0 10px"}},"|",-1)),ge={style:{"margin-right":"10px"}},ye={class:"time-select"},_e={style:{display:"flex","align-items":"center","margin-top":"10px"}},he=P(()=>o("span",null,"统计精度：",-1)),xe={__name:"MyChart",props:{options:{type:Object,default:()=>[]}},emits:[],setup(c,{expose:R,emit:k}){const S=c,m=le();let{fullscreen:D}=ee(m);p("1111"),p("");let f=p("本月"),M=p(null),N=p(""),Y=ae(),C=p(""),U=p(1);Z(t=>{U.value=t});let u=p([]),e=p({id:"20230707161701",content:{w_deviceid:Y.currentRoute.value.query.id,params:[],range:{timetype:"d",start:"-30",stop:""},function:{fn:"mean",timetype:"d",timespan:"1"}}}),I=p(""),V=p([{value:"sum",label:"总和值"},{value:"mean",label:"平均值"},{value:"max",label:"最大值"},{value:"min",label:"最小值"}]),$=p(""),O=p(""),q=[{value:"m",label:"分"},{value:"h",label:"时"},{value:"d",label:"天"}];const E=()=>{I.value=V.value.filter(t=>t.value==e.value.content.function.fn)[0].label,O.value=e.value.content.function.timespan+q.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 G=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")},b=p([]),H=t=>{console.log(t),C.value=t,C.value.sumShow&&(e.value.content.function.fn="mean"),w(t.value)},W=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"},X=()=>{N.value=new ne(M.value,{data:b.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+b.value.find(i=>i.paramname==t.paramname).unit})},area:{style:{fillOpacity:.15}},animation:{appear:{animation:"path-in",duration:3e3}}}),N.value.render()},w=async t=>{E(),t instanceof Array&&(e.value.content.params=t);let i=await te.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)})}b.value=r,N.value.changeData(b.value),console.log(b.value)};const J=t=>{console.log("触发"),e.value={id:"20230707161701",content:{w_deviceid:Y.currentRoute.value.query.id,params:[],range:{timetype:"d",start:"-30",stop:""},function:{fn:"mean",timetype:"d",timespan:"1"}}},u.value=[],f.value="本月",w()};return ie(()=>{C.value=S.options[0],X(),w(S.options[0].value)}),R({currentItem:C}),(t,i)=>{const r=x("a-select-option"),h=x("a-select"),y=x("a-range-picker"),z=x("a-input"),K=x("a-input-group"),Q=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",de,[o("div",me,[n(T,{style:{"margin-right":"10px"},btnOptions:c.options,onClickBtn:l(H)},null,8,["btnOptions","onClickBtn"]),n(oe,{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(I)),1),ve,o("span",null,_(l($)),1),fe,o("span",ge,"统计区间："+_(l(O)),1),n(Q,{getPopupContainer:a=>a.parentNode,onConfirm:l(w),onCancel:J,"ok-text":"查询","cancel-text":"重置",overlayClassName:"custom_select-popover",placement:"bottomLeft"},{icon:s(()=>[]),title:s(()=>[o("div",ye,[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(C).sumShow?F("",!0):(v(),se(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(G),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(W),format:"YYYY/MM/DD","value-format":"YYYY-MM-DD"},null,8,["getPopupContainer","value","onChange"])]),o("div",_e,[he,n(K,{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(T,{btnOptions:[{label:"筛选",icon:!0}],icon1:!1})])]),_:1},8,["getPopupContainer","onConfirm"])],4)]),o("div",{ref_key:"container",ref:M,style:{width:"100%",height:"100%",padding:"30px"}},null,512)],4)}}},Ae=L(xe,[["__scopeId","data-v-44e341d0"]]),Ce={class:"data-block"},be={key:0,class:"header"},ke={class:"title"},we={key:1,class:"content"},Be={class:"item"},Se={key:0,class:"item-title"},De={class:"value"},Ne={key:2},$e={__name:"dataBlock",props:["title","data","top","left"],emits:[],setup(c,{emit:R}){return(k,S)=>(v(),g("div",{style:B([{position:"absolute",top:c.top+"px",left:c.left+"px","z-index":2}])},[o("div",Ce,[c.title?(v(),g("div",be,[o("div",ke,_(c.title),1)])):F("",!0),Object.keys(k.$slots).filter(m=>m!="handle").length?(v(),g("div",Ne,[A(k.$slots,"default",{},void 0,!0)])):(v(),g("div",we,[(v(!0),g(pe,null,ce(c.data,(m,D)=>(v(),g("div",Be,[m.title?(v(),g("span",Se,_(m.title),1)):F("",!0),o("div",De,[o("span",{style:B([{fontSize:m.fontSize}])},_(m.value),5),o("span",null,_(m.unit),1)])]))),256)),A(k.$slots,"handle",{},void 0,!0)]))])],4))}},Le=L($e,[["__scopeId","data-v-1da91b3c"]]);export{Ae as M,Le as d};
|
