Ana Sayfa Keşfet Yardım
Giriş Yap
zhangqi
/
swOperation
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: eeef56e029
Dallar Biçim İmleri
swOperation
/
dist
/
assets
/
dataBlock-4a7faeba.js

dataBlock-4a7faeba.js 14 KB
Geçmiş Ham

1 
  1. import{c as ae}from"./util-e16c460e.js";import{s as le,A as ie}from"./index-04452fb6.js";import{c as j}from"./customBtn-567319ef.js";import{u as oe}from"./vue-router-f797b6fe.js";import{L as se}from"./index-94ebccf3.js";import{u as ue}from"./index.vue_vue_type_style_index_0_scoped_91ff406c_lang-086af275.js";import"./index-8fb848cc.js";import{_ as re}from"./fullScreen-6e4ce61b.js";import{_ as A}from"./_plugin-vue_export-helper-c27b6911.js";import{a as y,o as de,v as ce,U as h,V as a,W as c,a4 as i,j as d,u as o,a1 as B,a5 as g,X as u,a3 as k,G as _,$ as C,H as G,a6 as me,a7 as pe,c as H,ac as L,R as T,F as fe,a2 as ve}from"./vue-9763c232.js";const q=e=>(me("data-v-908fb2d3"),e=e(),pe(),e),ye={style:{display:"flex","justify-content":"space-between"},class:"custome_myChart"},ge={style:{display:"flex","align-items":"center"}},he=q(()=>i("div",{style:{margin:"0 10px"}},"|",-1)),_e=q(()=>i("div",{style:{margin:"0 10px"}},"|",-1)),be={style:{"margin-right":"10px"}},xe={class:"time-select"},ke={style:{display:"flex","align-items":"center","margin-top":"10px"}},Ce=q(()=>i("span",null,"统计精度：",-1)),$e={__name:"MyChart",props:{options:{type:Object,default:()=>[]}},emits:[],setup(e,{expose:N,emit:b}){const l=e,f=ue();let{fullscreen:P}=le(f);y("1111"),y("");let x=y("本月"),O=y(null),F=y(""),M=oe(),$=y(""),U=y(1);ae(s=>{U.value=s});let n=y([]),t=y({id:"20230707161701",content:{w_deviceid:M.currentRoute.value.query.id,params:[],range:{timetype:"d",start:"-30",stop:""},function:{fn:"mean",timetype:"d",timespan:"1"}}}),m=y(""),R=y([{value:"sum",label:"总和值"},{value:"mean",label:"平均值"},{value:"max",label:"最大值"},{value:"min",label:"最小值"}]),D=y(""),Y=y(""),W=[{value:"m",label:"分"},{value:"h",label:"时"},{value:"d",label:"天"}];const X=()=>{m.value=R.value.filter(s=>s.value==t.value.content.function.fn)[0].label,Y.value=t.value.content.function.timespan+W.filter(s=>s.value==t.value.content.function.timetype)[0].label,n.value.length?D.value=n.value[0]+"至"+n.value[1]:(t.value.content.range.stop,D.value=x.value)};let J=s=>{n.value=[],t.value.content.function.timespan="1",t.value.content.range.stop="",s=="本日"?(t.value.content.range.timetype="d",t.value.content.range.start="0",t.value.content.function.timetype="h"):s=="本周"?(t.value.content.range.timetype="d",t.value.content.range.start="-7",t.value.content.function.timetype="h"):(t.value.content.range.timetype="d",t.value.content.range.start="-30",t.value.content.function.timetype="d")},z=y([]),K=s=>{console.log(s),$.value=s,$.value.sumShow&&(t.value.content.function.fn="mean"),I(s.value)},Q=s=>{if(console.log(s),s){x.value="",t.value.content.range.timetype="time";let p=36e5;Date.parse(n.value[1])-Date.parse(n.value[0])<p*24*30*12?(t.value.content.range.timetype="time",t.value.content.range.start=n.value[0]+" 00:00:00",t.value.content.range.stop=n.value[1]+" 23:59:59",t.value.content.function.timetype="d"):(t.value.content.range.timetype="time",t.value.content.range.start=n.value[0]+" 00:00:00",t.value.content.range.stop=n.value[1]+" 23:59:59",t.value.content.function.timetype="mo")}else x.value="本月",n.value=[],t.value.content.range.start="-30",t.value.content.range.stop="",t.value.content.range.timetype="d",t.value.content.function.timetype="d"},Z=()=>{F.value=new se(O.value,{data:z.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:s=>({name:s.paramname,value:s.value+z.value.find(p=>p.paramname==s.paramname).unit})},area:{style:{fillOpacity:.15}},animation:{appear:{animation:"path-in",duration:3e3}}}),F.value.render()},I=async s=>{X(),s instanceof Array&&(t.value.content.params=s);let p=await ie.requested(t.value),v=[],S=Object.keys(p.data);if(S.forEach(w=>v.push(...p.data[w])),!v.length){let w={};S.forEach(V=>{w[V]="",w.value="",v.push(w)})}z.value=v,F.value.changeData(z.value),console.log(z.value)};const ee=s=>{t.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"}}},n.value=[],x.value="本月",I()};let E=y(null);return de(()=>{$.value=l.options[0],Z(),I(l.options[0].value),E.value=setInterval(()=>{I()},6e4)}),ce(()=>{clearInterval(E.value)}),N({currentItem:$}),(s,p)=>{const v=h("a-select-option"),S=h("a-select"),w=h("a-range-picker"),V=h("a-input"),te=h("a-input-group"),ne=h("a-popconfirm");return a(),c("div",{id:"myChart",style:B([{height:"100%"},{background:o(P)?"linear-gradient(90deg, #001D6A 0%, #0060B2 82%, #007BD5 100%) !important":""}])},[i("div",ye,[i("div",ge,[d(j,{style:{"margin-right":"10px"},btnOptions:e.options,onClickBtn:o(K)},null,8,["btnOptions","onClickBtn"]),d(re,{color:"#ffffff",domId:"myChart"})]),i("div",{style:B([{display:"flex","align-items":"center",color:"#ffffff","font-size":"12px","flex-shrink":"0"},[{paddingRight:o(P)?"700px":""}]])},[i("span",null,g(o(m)),1),he,i("span",null,g(o(D)),1),_e,i("span",be,"统计区间："+g(o(Y)),1),d(ne,{getPopupContainer:r=>r.parentNode,onConfirm:o(I),onCancel:ee,"ok-text":"查询","cancel-text":"重置",overlayClassName:"custom_select-popover",placement:"bottomLeft"},{icon:u(()=>[]),title:u(()=>[i("div",xe,[d(S,{size:"middle",getPopupContainer:r=>r.parentNode,value:o(t).content.function.fn,"onUpdate:value":p[0]||(p[0]=r=>o(t).content.function.fn=r),style:{width:"90px","margin-right":"10px"}},{default:u(()=>[o($).sumShow?C("",!0):(a(),k(v,{key:0,value:"sum"},{default:u(()=>[_("总和值")]),_:1})),d(v,{value:"mean"},{default:u(()=>[_("平均值")]),_:1}),d(v,{value:"max"},{default:u(()=>[_("最大值")]),_:1}),d(v,{value:"min"},{default:u(()=>[_("最小值")]),_:1})]),_:1},8,["getPopupContainer","value"]),d(S,{getPopupContainer:r=>r.parentNode,size:"middle",value:o(x),"onUpdate:value":p[1]||(p[1]=r=>G(x)?x.value=r:x=r),onChange:o(J),style:{width:"70px","margin-right":"10px"}},{default:u(()=>[d(v,{value:"本日"},{default:u(()=>[_("本日")]),_:1}),d(v,{value:"本周"},{default:u(()=>[_("本周")]),_:1}),d(v,{value:"本年"},{default:u(()=>[_("本月")]),_:1})]),_:1},8,["getPopupContainer","value","onChange"]),d(w,{direction:"topRight",getPopupContainer:r=>r.parentNode,value:o(n),"onUpdate:value":p[2]||(p[2]=r=>G(n)?n.value=r:n=r),style:{width:"200px"},showNow:!1,size:"middle",onChange:o(Q),format:"YYYY/MM/DD","value-format":"YYYY-MM-DD"},null,8,["getPopupContainer","value","onChange"])]),i("div",ke,[Ce,d(te,{compact:"",size:"middle",style:{width:"120px"}},{default:u(()=>[d(V,{value:o(t).content.function.timespan,"onUpdate:value":p[3]||(p[3]=r=>o(t).content.function.timespan=r),style:{width:"60px"}},null,8,["value"]),d(S,{getPopupContainer:r=>r.parentNode,value:o(t).content.function.timetype,"onUpdate:value":p[4]||(p[4]=r=>o(t).content.function.timetype=r)},{default:u(()=>[d(v,{value:"m"},{default:u(()=>[_("分")]),_:1}),d(v,{value:"h"},{default:u(()=>[_("时")]),_:1}),d(v,{value:"d"},{default:u(()=>[_("天")]),_:1})]),_:1},8,["getPopupContainer","value"])]),_:1})])]),default:u(()=>[i("div",null,[d(j,{btnOptions:[{label:"筛选",icon:!0}],icon1:!1})])]),_:1},8,["getPopupContainer","onConfirm"])],4)]),i("div",{ref_key:"container",ref:O,style:{width:"100%",height:"100%",padding:"30px"}},null,512)],4)}}},ct=A($e,[["__scopeId","data-v-908fb2d3"]]);const we={key:0,class:"tips"},Be={style:{display:"flex","align-items":"center","flex-wrap":"nowrap"}},Se={class:"my-input",style:{flex:"5"}},Ne={key:0},Pe={key:1,style:{width:"100%",display:"flex","flex-direction":"column"}},Oe={key:0,style:{"text-align":"right"}},Fe={style:{display:"flex","align-items":"center"}},De={style:{position:"relative",width:"100%"}},ze={class:"unit"},Ie={key:0,style:{flex:"1","margin-left":"5px","text-align":"right"}},je={key:0},Te={key:1,style:{display:"flex","align-items":"center","flex-wrap":"nowrap","margin-bottom":"10px"}},Me={class:"my-input",style:{flex:"5"}},Re={key:0,style:{"text-align":"right",width:"100%"}},Ye={key:1,style:{width:"100%",display:"flex","flex-direction":"column"}},Le={key:0,style:{"text-align":"right"}},Ue={style:{display:"flex","align-items":"center"}},Ve={class:"unit"},Ae={key:0,style:{flex:"1","margin-left":"5px"}},qe={key:0},Ee={__name:"myInput",props:{name:String,isCheck:{type:Boolean,default:()=>!1},unit:String,title:String,type:{type:String,default:()=>"int"},scale:{type:[String,Number],default:()=>""},form:{type:Object},cmdValue:{type:[String,Number]},btnName:String,max:[Number,String],min:[Number,String],step:[String,Number],disabled:{type:Boolean,default:()=>!1},label:{type:Boolean,default:()=>!0},inputBorder:{type:String,default:()=>"none"},text:{type:String,default:()=>""},timeSplit:{type:String,default:()=>"_"},descript:{type:String,default:()=>""}},emits:["upData"],setup(e,{expose:N,emit:b}){const l=e;let f=y();l.cmdValue;let P=H(()=>{let n="";return l.max&&l.min?n=`范围:${l.min}-${l.max}`:l.max&&l.min===""?n=`范围:<${l.max}`:l.max===""&&l.min&&(n=`范围:>${l.min}`),l.step&&(n=n+`  步长:${l.step}`),n}),x=async n=>{let t=await f.value.validateFields();return n(),t},O=async()=>{await f.value.validateFields()&&b("upData")},F=(n,t)=>(console.log(t),isNaN(+t)?Promise.reject("请输入数字类型"):Promise.resolve()),M=(n,t)=>{if(typeof t=="number")return Promise.resolve();let m=t.indexOf(".");return isNaN(+t)?Promise.reject("请输入数字"):m==-1||t.slice(m).length-1!=l.scale?Promise.reject(`小数位需保留${l.scale}位`):Promise.resolve()},$=(n,t)=>{let m=t.split(l.timeSplit);return console.log(m),m.length==2&&m[0]&&m[1]&&+m[0]<24&&+m[0]>=0&&+m[1]<60&&+m[1]>=0?Promise.resolve():Promise.reject(`时间格式 00${l.timeSplit}00 `)},U=H(()=>{let n=[{required:!0,message:"请输入数据"}];return l.type.indexOf("int")!=-1?n.push({validator:F,validatorTrigger:"blur"}):l.type.indexOf("h:m")!=-1&&n.push({validator:$,validatorTrigger:"blur"}),l.scale&&n.push({validator:M,validatorTrigger:"blur"}),n});return N({valiDator:x,Form:f}),(n,t)=>{const m=h("a-input"),R=h("a-input-number"),D=h("a-form-item");h("a-button");const Y=h("a-form");return e.isCheck?(a(),k(Y,{key:0,hideRequiredMark:"",ref_key:"Form",ref:f,style:{width:"100%"},model:e.form,size:"small",class:"check",layout:"vertical",mode:"multiple",validateTrigger:["blur"]},{default:u(()=>[d(D,{rules:o(U),name:e.name},{label:u(()=>[_(g(e.title)+" ",1),e.disabled?C("",!0):(a(),c("span",we,g(o(P)),1))]),default:u(()=>[i("div",Be,[i("div",Se,[i("div",{class:"input",style:B([{"--input-border":e.inputBorder},{"--Color":e.inputBorder=="none"?"#ffffff":"#000000"}])},[e.text?(a(),c("div",Ne,g(e.text),1)):(a(),c("div",Pe,[o(l).descript?(a(),c("div",Oe,g(o(l).descript),1)):C("",!0),i("div",Fe,[i("div",De,[e.step?(a(),k(R,L({key:1,style:{width:"100%"},disabled:e.disabled},n.$attrs,{min:e.min,max:e.max,step:e.step,size:"small"}),null,16,["disabled","min","max","step"])):(a(),k(m,L({key:0,size:"large",style:{width:"100%"},disabled:e.disabled},n.$attrs),null,16,["disabled"]))]),i("span",ze,g(e.unit),1)])]))],4)])])]),_:1},8,["rules","name"]),e.btnName?(a(),c("div",Ie,[Object.keys(n.$slots).length?(a(),c("div",je,[T(n.$slots,"default",{},void 0,!0)])):(a(),k(j,{key:2,btnOptions:[{label:e.btnName}],onClickBtn:o(O),btnColor:e.inputBorder=="none"?"rgb(22,255,246,.30)":"rgb(22,255,246)",textColor:e.inputBorder=="none"?"#16FFF6":"#000000"},null,8,["btnOptions","onClickBtn","btnColor","textColor"]))])):C("",!0)]),_:3},8,["model"])):(a(),c("div",Te,[i("div",Me,[e.label?(a(),c("div",{key:0,class:"label",style:B([{"--input-border":e.inputBorder},{"--Color":e.inputBorder=="none"?"#ffffff":"#000000"}])},g(e.title),5)):C("",!0),i("div",{class:"input",style:B({"--input-border":e.inputBorder})},[e.text?(a(),c("div",Re,g(e.text),1)):(a(),c("div",Ye,[o(l).descript?(a(),c("div",Le,g(o(l).descript),1)):C("",!0),i("div",Ue,[!e.max&&!e.min&&!e.step?(a(),k(m,L({key:0,style:{width:"100%"},disabled:e.disabled},n.$attrs),null,16,["disabled"])):(a(),k(R,L({key:1,style:{width:"100%"},disabled:e.disabled},n.$attrs,{min:e.min,max:e.max,step:e.step,size:"small"}),null,16,["disabled","min","max","step"])),i("span",Ve,g(e.unit),1)])]))],4)]),e.btnName?(a(),c("div",Ae,[Object.keys(n.$slots).length?(a(),c("div",qe,[T(n.$slots,"default",{},void 0,!0)])):(a(),k(j,{key:1,btnOptions:[{label:e.btnName}],onClickBtn:o(O)},null,8,["btnOptions","onClickBtn"]))])):C("",!0)]))}}},mt=A(Ee,[["__scopeId","data-v-fc53ec94"]]);const pt={__name:"updataBtn",props:{icon1:{type:Boolean,default:()=>!1},direction:{type:String,default:()=>"bottomLeft"}},emits:[],setup(e,{emit:N}){return(b,l)=>{const f=h("a-popconfirm");return a(),k(f,{"ok-text":"Yes","cancel-text":"No",onConfirm:b.confirm,onCancel:b.cancel,style:{background:"red"},showCancel:!1,overlayClassName:"custom_popover",placement:e.direction},{icon:u(()=>[]),title:u(()=>[T(b.$slots,"default")]),default:u(()=>[i("div",null,[d(j,{btnOptions:[{label:"更新"}],icon1:e.icon1,style:{"margin-right":"5px"}},null,8,["icon1"])])]),_:3},8,["onConfirm","onCancel","placement"])}}};const Ge={class:"data-block"},He={key:0,class:"header"},We={class:"title"},Xe={key:1,class:"content"},Je={class:"item"},Ke={key:0,class:"item-title"},Qe={class:"value"},Ze={key:2},et={__name:"dataBlock",props:["title","data","top","left"],emits:[],setup(e,{emit:N}){return(b,l)=>(a(),c("div",{style:B([{position:"absolute",top:e.top+"px",left:e.left+"px","z-index":2}])},[i("div",Ge,[e.title?(a(),c("div",He,[i("div",We,g(e.title),1)])):C("",!0),Object.keys(b.$slots).filter(f=>f!="handle").length?(a(),c("div",Ze,[T(b.$slots,"default",{},void 0,!0)])):(a(),c("div",Xe,[(a(!0),c(fe,null,ve(e.data,(f,P)=>(a(),c("div",Je,[f.title?(a(),c("span",Ke,g(f.title),1)):C("",!0),i("div",Qe,[i("span",{style:B([{fontSize:f.fontSize}])},g(f.value),5),i("span",null,g(f.unit),1)])]))),256)),T(b.$slots,"handle",{},void 0,!0)]))])],4))}},ft=A(et,[["__scopeId","data-v-7be671ce"]]);export{mt as M,pt as _,ct as a,ft as d};
    2.