2 lines
12 KiB
JavaScript
2 lines
12 KiB
JavaScript
var L=Object.defineProperty,G=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable;var C=(e,t,s)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,M=(e,t)=>{for(var s in t||(t={}))U.call(t,s)&&C(e,s,t[s]);if(D)for(var s of D(t))tt.call(t,s)&&C(e,s,t[s]);return e},W=(e,t)=>G(e,V(t));var w=(e,t,s)=>(C(e,typeof t!="symbol"?t+"":t,s),s);var S=(e,t,s)=>new Promise((n,x)=>{var a=c=>{try{m(s.next(c))}catch(l){x(l)}},_=c=>{try{m(s.throw(c))}catch(l){x(l)}},m=c=>c.done?n(c.value):Promise.resolve(c.value).then(a,_);m((s=s.apply(e,t)).next())});import et from"./Map.42d3426c.js";import{a as H,s as O,r as I,G as N,ak as X,c0 as it,J as P,o as B,h as st,i as u,aE as nt,bm as Z,k as at,e3 as ot,e5 as J,bp as rt,af as ct,bc as ht,j as lt,x as dt,p as h,bj as ut,f4 as mt,fY as pt,aA as r}from"./index.663cd213.js";import ft from"./DXJG.d2b5e27d.js";import xt from"./DXCY.38cab7e7.js";import vt from"./DZWZ.a71ce0dc.js";import yt from"./DXLX.ee4318bc.js";import gt from"./Head.522861d3.js";import _t from"./Footer.231d659d.js";import zt from"./NYQK.f717857b.js";import bt from"./NCZQS.e69c0f13.js";import wt from"./CZNYCY.7aebb861.js";import Mt from"./JK.77ad1683.js";import St from"./SBYXZT.f29ae2c4.js";import It from"./QXSZ.214480f3.js";import $t from"./SZJCSJ.1f2725ca.js";import Ct from"./TRJCSJ.8b1a30a5.js";import jt from"./MapModal.ccb620e3.js";import{c as Ot}from"./useVContext.05f350d7.js";import"./useECharts.bb235fc1.js";import"./other.11630650.js";import"./visualization.792cf346.js";import"./Box.008e1e4d.js";import"./colors.69d1b0cd.js";import"./Circle.6c565843.js";import"./add.4a76c93e.js";import"./index.bfe02408.js";import"./index.34636d44.js";import"./CaretUpOutlined.24a4550d.js";import"./LinkModal.d6bdef34.js";import"./model-close-icon.706a0490.js";import"./CModal.5773df50.js";import"./index.9436e727.js";import"./useRefs.84e5533f.js";import"./PlusOutlined.b44386d1.js";import"./index.02edad93.js";import"./index.ebcc23cb.js";import"./_baseIteratee.5010dfca.js";import"./get.147fcf35.js";import"./_baseEach.e87ad5ad.js";import"./_isIterateeCall.251aefc0.js";import"./VideoFlv.6cfb4dd0.js";import"./flv.2db344f7.js";import"./WaterEipple.d37ae98c.js";import"./lodash.e432c3b6.js";import"./dateUtil.7a8707b0.js";import"./BasicChart.9b2182b9.js";function Yt(e,t){let s;return function(...n){s&&clearTimeout(s),s=setTimeout(()=>{typeof e=="function"&&e.apply(null,n),clearTimeout(s)},t>0?t:100)}}const Dt=H({name:"ScaleScreen",props:{width:{type:[String,Number],default:1920},height:{type:[String,Number],default:1080},fullScreen:{type:Boolean,default:!1},autoScale:{type:[Object,Boolean],default:!0},delay:{type:Number,default:500},boxStyle:{type:Object,default:()=>({})},wrapperStyle:{type:Object,default:()=>({})}},setup(e){const t=O({width:0,height:0,originalWidth:0,originalHeight:0,observer:null}),s={box:{overflow:"hidden",backgroundSize:"100% 100%",background:"#000",width:"100vw",height:"100vh"},wrapper:{transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"500ms",position:"relative",overflow:"hidden",zIndex:100,transformOrigin:"left top"}},n=I(),x=()=>new Promise(o=>{X(()=>{var v,g;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(v=n.value)==null?void 0:v.clientWidth,t.height=(g=n.value)==null?void 0:g.clientHeight),(!t.originalHeight||!t.originalWidth)&&(t.originalWidth=window.screen.width,t.originalHeight=window.screen.height),o()})}),a=()=>{t.width&&t.height?(n.value.style.width=`${t.width}px`,n.value.style.height=`${t.height}px`):(n.value.style.width=`${t.originalWidth}px`,n.value.style.height=`${t.originalHeight}px`)},_=o=>{if(!e.autoScale)return;const v=n.value.clientWidth,g=n.value.clientHeight,b=document.body.clientWidth,z=document.body.clientHeight;n.value.style.transform=`scale(${o},${o})`;let d=Math.max((b-v*o)/2,0),p=Math.max((z-g*o)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(d=0),!e.autoScale.y&&(p=0)),n.value.style.margin=`${p}px ${d}px`},m=()=>{const o=document.body.clientWidth,v=document.body.clientHeight,g=t.width||t.originalWidth,b=t.height||t.originalHeight,z=o/+g,d=v/+b;if(e.fullScreen)return n.value.style.transform=`scale(${z},${d})`,!1;const p=Math.min(z,d);_(p)},c=Yt(()=>S(this,null,function*(){yield x(),a(),m()}),e.delay),l=()=>{(t.observer=new MutationObserver(()=>{c()})).observe(n.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})};return N(()=>{X(()=>S(this,null,function*(){yield x(),a(),m(),window.addEventListener("resize",c),l()}))}),it(()=>{var o;window.removeEventListener("resize",c),(o=t.observer)==null||o.disconnect()}),{screenWrapper:n,styles:s}}});function Wt(e,t,s,n,x,a){return B(),st("section",{style:Z(M(M({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[u("div",{style:Z(M(M({},e.styles.wrapper),e.wrapperStyle)),class:"screen-wrapper",ref:"screenWrapper"},[nt(e.$slots,"default")],4)],4)}var Xt=P(Dt,[["render",Wt]]),Zt=300,$=3120,Y=760,T=0,k=0,Jt=150,f=function(e){return e*Math.PI/180},j=function(){return Math.sin(Math.floor(Math.random()*360)*Math.PI/180)},i={obj:{x:T,y:k,z:Jt},dest:{x:0,y:0,z:1},dist:{x:0,y:0,z:200},ang:{cplane:0,splane:0,ctheta:0,stheta:0},zoom:1,disp:{x:$/2,y:Y/2,z:0},upd:function(){i.dist.x=i.dest.x-i.obj.x,i.dist.y=i.dest.y-i.obj.y,i.dist.z=i.dest.z-i.obj.z,i.ang.cplane=-i.dist.z/Math.sqrt(i.dist.x*i.dist.x+i.dist.z*i.dist.z),i.ang.splane=i.dist.x/Math.sqrt(i.dist.x*i.dist.x+i.dist.z*i.dist.z),i.ang.ctheta=Math.sqrt(i.dist.x*i.dist.x+i.dist.z*i.dist.z)/Math.sqrt(i.dist.x*i.dist.x+i.dist.y*i.dist.y+i.dist.z*i.dist.z),i.ang.stheta=-i.dist.y/Math.sqrt(i.dist.x*i.dist.x+i.dist.y*i.dist.y+i.dist.z*i.dist.z)}},y={parts:{sz:function(e,t){return{x:e.x*t.x,y:e.y*t.y,z:e.z*t.z}},rot:{x:function(e,t){return{x:e.x,y:e.y*Math.cos(f(t.x))-e.z*Math.sin(f(t.x)),z:e.y*Math.sin(f(t.x))+e.z*Math.cos(f(t.x))}},y:function(e,t){return{x:e.x*Math.cos(f(t.y))+e.z*Math.sin(f(t.y)),y:e.y,z:-e.x*Math.sin(f(t.y))+e.z*Math.cos(f(t.y))}},z:function(e,t){return{x:e.x*Math.cos(f(t.z))-e.y*Math.sin(f(t.z)),y:e.x*Math.sin(f(t.z))+e.y*Math.cos(f(t.z)),z:e.z}}},pos:function(e,t){return{x:e.x+t.x,y:e.y+t.y,z:e.z+t.z}}},pov:{plane:function(e){return{x:e.x*i.ang.cplane+e.z*i.ang.splane,y:e.y,z:e.x*-i.ang.splane+e.z*i.ang.cplane}},theta:function(e){return{x:e.x,y:e.y*i.ang.ctheta-e.z*i.ang.stheta,z:e.y*i.ang.stheta+e.z*i.ang.ctheta}},set:function(e){return{x:e.x-i.obj.x,y:e.y-i.obj.y,z:e.z-i.obj.z}}},persp:function(e){return{x:e.x*i.dist.z/e.z*i.zoom,y:e.y*i.dist.z/e.z*i.zoom,z:e.z*i.zoom,p:i.dist.z/e.z}},disp:function(e,t){return{x:e.x+t.x,y:-e.y+t.y,z:e.z+t.z,p:e.p}},steps:function(e,t,s,n,x){var a=y.parts.sz(e,t);return a=y.parts.rot.x(a,s),a=y.parts.rot.y(a,s),a=y.parts.rot.z(a,s),a=y.parts.pos(a,n),a=y.pov.plane(a),a=y.pov.theta(a),a=y.pov.set(a),a=y.persp(a),a=y.disp(a,x),a}};class Ht{constructor(t){w(this,"vupd",function(){this.transOut=y.steps(this.transIn.vtx,this.transIn.sz,this.transIn.rot,this.transIn.pos,i.disp)});this.transIn={},this.transOut={},this.transIn.vtx=t.vtx,this.transIn.sz=t.sz,this.transIn.rot=t.rot,this.transIn.pos=t.pos}}class Nt{constructor(t){w(this,"add",function(){this.varr.push(new Ht({vtx:{x:j(),y:j(),z:j()},sz:{x:0,y:0,z:0},rot:{x:20,y:-20,z:0},pos:{x:this.diff*Math.sin(360*Math.random()*Math.PI/180),y:this.diff*Math.sin(360*Math.random()*Math.PI/180),z:this.diff*Math.sin(360*Math.random()*Math.PI/180)}})),this.calc.push({x:360*Math.random(),y:360*Math.random(),z:360*Math.random()})});w(this,"upd",function(){i.obj.x+=(this.toX-i.obj.x)*.05,i.obj.y+=(this.toY-i.obj.y)*.05});w(this,"draw",function(){this.$.clearRect(0,0,this.canvas.width,this.canvas.height),i.upd(),this.rotObj.x+=.1,this.rotObj.y+=.1,this.rotObj.z+=.1;for(var t=0;t<this.varr.length;t++){for(var s in this.calc[t])this.calc[t].hasOwnProperty(s)&&(this.calc[t][s]+=this.vel,this.calc[t][s]>this.lim&&(this.calc[t][s]=0));if(this.varr[t].transIn.pos={x:this.diff*Math.cos(this.calc[t].x*Math.PI/180),y:this.diff*Math.sin(this.calc[t].y*Math.PI/180),z:this.diff*Math.sin(this.calc[t].z*Math.PI/180)},this.varr[t].transIn.rot=this.rotObj,this.varr[t].transIn.sz=this.objSz,this.varr[t].vupd(),!(this.varr[t].transOut.p<0)){var n=this.$.createRadialGradient(this.varr[t].transOut.x,this.varr[t].transOut.y,this.varr[t].transOut.p,this.varr[t].transOut.x,this.varr[t].transOut.y,this.varr[t].transOut.p*2);this.$.globalCompositeOperation="lighter",n.addColorStop(0,"hsla(255, 255%, 255%, 1)"),n.addColorStop(.5,"hsla("+(t+2)+",85%, 40%,1)"),n.addColorStop(1,"hsla("+t+",85%, 40%,.5)"),this.$.fillStyle=n,this.$.beginPath(),this.$.arc(this.varr[t].transOut.x,this.varr[t].transOut.y,this.varr[t].transOut.p*2,0,Math.PI*2,!1),this.$.fill(),this.$.closePath()}}});w(this,"anim",function(){window.requestAnimationFrame=function(){return window.requestAnimationFrame||function(s,n){window.setTimeout(s,1e3/60)}}();var t=function(){this.upd(),this.draw(),window.requestAnimationFrame(t)}.bind(this);window.requestAnimationFrame(t)});w(this,"run",function(){this.anim(),this.toX=-69.6,this.toY=23.6});this.canvas=at(t),this.vel=.04,this.lim=360,this.diff=200,this.initPos=100,this.toX=T,this.toY=k,this.go()}go(){this.canvas.width=$,this.canvas.height=Y,this.$=canv.getContext("2d"),this.$.globalCompositeOperation="source-over",this.varr=[],this.dist=[],this.calc=[];for(var t=0,s=Zt;t<s;t++)this.add();this.rotObj={x:0,y:0,z:0},this.objSz={x:$/5,y:Y/5,z:$/5}}}const Pt=ot().format("YYYY-MM-DD HH:mm:ss");localStorage.removeItem("warning_id");const Bt=H({components:{[J.name]:J,Map:et,ScaleScreen:Xt,DXJG:ft,DXCY:xt,DZWZ:vt,DXLX:yt,NYQK:zt,NCZQS:bt,CZNYCY:wt,JK:Mt,SBYXZT:St,QXSZ:It,SZJCSJ:$t,TRJCSJ:Ct,Head:gt,Footer:_t,MapModal:jt},setup(){const e=I(null),t=ut(),s=O({baseId:I(""),baseData:O({})});function n(){return S(this,null,function*(){var b,z;const l=(z=(b=localStorage.getItem("warning_id"))==null?void 0:b.split(","))!=null?z:[],{data:o}=yield mt({per_page:10,page:1,start_time:Pt}),v=o.filter(d=>l.findIndex(p=>d.id==p)<0),g=l.concat(v.reduce((d,p)=>(d.push(p.id),d),[]));localStorage.setItem("warning_id",g.join(",")),v.forEach((d,p)=>{x(d.content,4.5+p*.5)})})}const x=(l,o=4.5)=>{pt.warning({message:"\u62A5\u8B66",duration:o,class:"warning-class",style:{backgroundColor:"rgba(28, 44, 52, 0.8)",color:"#fff"},getContainer:()=>document.body.querySelector(".visualization\u2014xx"),description:l})};Ot({rootEmitter:t});let a=null,_=null,m=null;const c=I(!1);return N(()=>{a=setInterval(()=>{n(),t.emit("interval:auto")},1e3*60),_=setInterval(()=>t.emit("interval:tab"),1e3*30),m=setInterval(()=>t.emit("interval:tab1"),1e3*10),new Nt(e).run()}),rt(()=>{n(),t.on("map:click",()=>{}),t.on("base:click",l=>{s.baseId=l.id,s.baseData=l,c.value=!0})}),ct(()=>{a&&clearInterval(a),_&&clearInterval(_),m&&clearInterval(m)}),W(M({cavsRef:e},ht(s)),{visibleMapModal:c})}}),Tt={class:"flex flex-col h-full bg-img relative visualization\u2014xx"},kt={class:"absolute left-0 top-0 w-full h-full overflow-hidden",ref:"cavsRef",id:"canv"},qt={class:"flex flex-col h-full w-full z-100"},Ft={class:"flex-1 flex justify-between px-20px"},Qt={class:"flex"},Rt={class:"grid grid-cols-2 gap-x-10px gap-y-10px"},Et={class:"flex-1 flex ml-15px justify-between bg-[#03293f] bg-opacity-55"},At={class:"bg-gradient-to-l from-transparent to-[#10272f50]"},Kt={class:"flex-1"},Lt={class:"bg-gradient-to-r from-transparent to-[#10272f50]"},Gt={class:"flex"},Vt={class:"mx-16px"},Ut={class:""};function te(e,t,s,n,x,a){const _=r("Head"),m=r("DXJG"),c=r("DXCY"),l=r("DXLX"),o=r("DZWZ"),v=r("NYQK"),g=r("NCZQS"),b=r("Map"),z=r("CZNYCY"),d=r("JK"),p=r("SBYXZT"),q=r("QXSZ"),F=r("SZJCSJ"),Q=r("TRJCSJ"),R=r("Footer"),E=r("MapModal"),A=r("ScaleScreen");return B(),lt(A,{boxStyle:{background:"#020603"},width:3120,height:760,autoScale:!0},{default:dt(()=>[u("div",Tt,[u("canvas",kt,null,512),u("div",qt,[h(_),u("div",Ft,[u("div",Qt,[u("div",Rt,[h(m,{width:"440px",height:"353px"}),h(c,{width:"440px",height:"353px"}),h(l,{width:"440px",height:"353px"}),h(o,{width:"440px",height:"353px"})])]),u("div",Et,[u("div",At,[h(v),h(g,{class:"mt-20px"})]),u("div",Kt,[h(b)]),u("div",Lt,[h(z)])]),u("div",Gt,[u("div",Vt,[h(d,{width:"440px",height:"387px"}),h(p,{class:"mt-16px",width:"440px",height:"310px"})]),u("div",Ut,[h(q,{width:"440px",height:"200px"}),h(F,{class:"mt-11px",width:"440px",height:"245px"}),h(Q,{class:"mt-11px",width:"440px",height:"245px"})])])]),h(R)])]),h(E,{visible:e.visibleMapModal,"onUpdate:visible":t[0]||(t[0]=K=>e.visibleMapModal=K),footer:null,baseId:e.baseId,baseData:e.baseData},null,8,["visible","baseId","baseData"])]),_:1})}var Ae=P(Bt,[["render",te],["__scopeId","data-v-aef46f3c"]]);export{Ae as default};
|