2 lines
12 KiB
JavaScript
2 lines
12 KiB
JavaScript
var G=Object.defineProperty,L=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable;var I=(e,t,i)=>t in e?G(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,_=(e,t)=>{for(var i in t||(t={}))U.call(t,i)&&I(e,i,t[i]);if(Z)for(var i of Z(t))tt.call(t,i)&&I(e,i,t[i]);return e},D=(e,t)=>L(e,V(t));var z=(e,t,i)=>(I(e,typeof t!="symbol"?t+"":t,i),i);var C=(e,t,i)=>new Promise((a,d)=>{var n=l=>{try{m(i.next(l))}catch(v){d(v)}},w=l=>{try{m(i.throw(l))}catch(v){d(v)}},m=l=>l.done?a(l.value):Promise.resolve(l.value).then(n,w);m((i=i.apply(e,t)).next())});import et from"./Map.add5abc2.js";import{a as H,s as O,r as S,G as P,ak as J,c0 as st,J as N,o as B,h as it,i as c,aE as at,bm as W,k as nt,e5 as Y,bp as ot,af as rt,bc as ht,j as ct,x as lt,p as r,bj as dt,aA as o}from"./index.d70f4f63.js";import ut from"./DXJG.31cd4c07.js";import pt from"./DXCY.24d4fc67.js";import mt from"./DZWZ.4717e58b.js";import ft from"./DXLX.ea4a7341.js";import xt from"./Head.99298ac6.js";import vt from"./Footer.09a5d9d0.js";import yt from"./NYQK.eba0d3a6.js";import zt from"./NCZQS.398b7d0e.js";import bt from"./CZNYCY.796f40ee.js";import gt from"./JK.2a3ee94a.js";import _t from"./SBYXZT.c35ef5a2.js";import wt from"./QXSZ.c6c3e477.js";import Mt from"./SZJCSJ.55688db3.js";import St from"./TRJCSJ.6b9519b7.js";import $t from"./MapModal.5e2b912b.js";import{c as It}from"./useVContext.1f14c874.js";import"./useECharts.6f772184.js";import"./other.8699d858.js";import"./visualization.ac901141.js";import"./Box.849d0024.js";import"./colors.69d1b0cd.js";import"./Circle.97421d58.js";import"./index.9d2dc6c4.js";import"./index.d15d238b.js";import"./CaretUpOutlined.5743b5bf.js";import"./LinkModal.56dc8c55.js";import"./model-close-icon.706a0490.js";import"./CModal.4a4354e8.js";import"./index.e1748625.js";import"./useRefs.a4333ab6.js";import"./PlusOutlined.764fdc81.js";import"./index.c5f2d127.js";import"./index.250cc00b.js";import"./_baseIteratee.a2fe0d03.js";import"./get.ef920384.js";import"./_baseEach.8b264c75.js";import"./_isIterateeCall.900bff6f.js";import"./VideoFlv.3a9b8582.js";import"./flv.803d4e1c.js";import"./WaterEipple.cec8b6c6.js";import"./lodash.b387a59d.js";import"./dateUtil.4a1955f6.js";import"./BasicChart.121d1d47.js";function Ct(e,t){let i;return function(...a){i&&clearTimeout(i),i=setTimeout(()=>{typeof e=="function"&&e.apply(null,a),clearTimeout(i)},t>0?t:100)}}const jt=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}),i={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"}},a=S(),d=()=>new Promise(h=>{J(()=>{var f,x;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(f=a.value)==null?void 0:f.clientWidth,t.height=(x=a.value)==null?void 0:x.clientHeight),(!t.originalHeight||!t.originalWidth)&&(t.originalWidth=window.screen.width,t.originalHeight=window.screen.height),h()})}),n=()=>{t.width&&t.height?(a.value.style.width=`${t.width}px`,a.value.style.height=`${t.height}px`):(a.value.style.width=`${t.originalWidth}px`,a.value.style.height=`${t.originalHeight}px`)},w=h=>{if(!e.autoScale)return;const f=a.value.clientWidth,x=a.value.clientHeight,M=document.body.clientWidth,b=document.body.clientHeight;a.value.style.transform=`scale(${h},${h})`;let y=Math.max((M-f*h)/2,0),g=Math.max((b-x*h)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(y=0),!e.autoScale.y&&(g=0)),a.value.style.margin=`${g}px ${y}px`},m=()=>{const h=document.body.clientWidth,f=document.body.clientHeight,x=t.width||t.originalWidth,M=t.height||t.originalHeight,b=h/+x,y=f/+M;if(e.fullScreen)return a.value.style.transform=`scale(${b},${y})`,!1;const g=Math.min(b,y);w(g)},l=Ct(()=>C(this,null,function*(){yield d(),n(),m()}),e.delay),v=()=>{(t.observer=new MutationObserver(()=>{l()})).observe(a.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})};return P(()=>{J(()=>C(this,null,function*(){yield d(),n(),m(),window.addEventListener("resize",l),v()}))}),st(()=>{var h;window.removeEventListener("resize",l),(h=t.observer)==null||h.disconnect()}),{screenWrapper:a,styles:i}}});function Ot(e,t,i,a,d,n){return B(),it("section",{style:W(_(_({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[c("div",{style:W(_(_({},e.styles.wrapper),e.wrapperStyle)),class:"screen-wrapper",ref:"screenWrapper"},[at(e.$slots,"default")],4)],4)}var Xt=N(jt,[["render",Ot]]),Zt=300,$=3120,X=760,T=0,k=0,Dt=150,u=function(e){return e*Math.PI/180},j=function(){return Math.sin(Math.floor(Math.random()*360)*Math.PI/180)},s={obj:{x:T,y:k,z:Dt},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:X/2,z:0},upd:function(){s.dist.x=s.dest.x-s.obj.x,s.dist.y=s.dest.y-s.obj.y,s.dist.z=s.dest.z-s.obj.z,s.ang.cplane=-s.dist.z/Math.sqrt(s.dist.x*s.dist.x+s.dist.z*s.dist.z),s.ang.splane=s.dist.x/Math.sqrt(s.dist.x*s.dist.x+s.dist.z*s.dist.z),s.ang.ctheta=Math.sqrt(s.dist.x*s.dist.x+s.dist.z*s.dist.z)/Math.sqrt(s.dist.x*s.dist.x+s.dist.y*s.dist.y+s.dist.z*s.dist.z),s.ang.stheta=-s.dist.y/Math.sqrt(s.dist.x*s.dist.x+s.dist.y*s.dist.y+s.dist.z*s.dist.z)}},p={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(u(t.x))-e.z*Math.sin(u(t.x)),z:e.y*Math.sin(u(t.x))+e.z*Math.cos(u(t.x))}},y:function(e,t){return{x:e.x*Math.cos(u(t.y))+e.z*Math.sin(u(t.y)),y:e.y,z:-e.x*Math.sin(u(t.y))+e.z*Math.cos(u(t.y))}},z:function(e,t){return{x:e.x*Math.cos(u(t.z))-e.y*Math.sin(u(t.z)),y:e.x*Math.sin(u(t.z))+e.y*Math.cos(u(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*s.ang.cplane+e.z*s.ang.splane,y:e.y,z:e.x*-s.ang.splane+e.z*s.ang.cplane}},theta:function(e){return{x:e.x,y:e.y*s.ang.ctheta-e.z*s.ang.stheta,z:e.y*s.ang.stheta+e.z*s.ang.ctheta}},set:function(e){return{x:e.x-s.obj.x,y:e.y-s.obj.y,z:e.z-s.obj.z}}},persp:function(e){return{x:e.x*s.dist.z/e.z*s.zoom,y:e.y*s.dist.z/e.z*s.zoom,z:e.z*s.zoom,p:s.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,i,a,d){var n=p.parts.sz(e,t);return n=p.parts.rot.x(n,i),n=p.parts.rot.y(n,i),n=p.parts.rot.z(n,i),n=p.parts.pos(n,a),n=p.pov.plane(n),n=p.pov.theta(n),n=p.pov.set(n),n=p.persp(n),n=p.disp(n,d),n}};class Jt{constructor(t){z(this,"vupd",function(){this.transOut=p.steps(this.transIn.vtx,this.transIn.sz,this.transIn.rot,this.transIn.pos,s.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 Wt{constructor(t){z(this,"add",function(){this.varr.push(new Jt({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()})});z(this,"upd",function(){s.obj.x+=(this.toX-s.obj.x)*.05,s.obj.y+=(this.toY-s.obj.y)*.05});z(this,"draw",function(){this.$.clearRect(0,0,this.canvas.width,this.canvas.height),s.upd(),this.rotObj.x+=.1,this.rotObj.y+=.1,this.rotObj.z+=.1;for(var t=0;t<this.varr.length;t++){for(var i in this.calc[t])this.calc[t].hasOwnProperty(i)&&(this.calc[t][i]+=this.vel,this.calc[t][i]>this.lim&&(this.calc[t][i]=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 a=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",a.addColorStop(0,"hsla(255, 255%, 255%, 1)"),a.addColorStop(.5,"hsla("+(t+2)+",85%, 40%,1)"),a.addColorStop(1,"hsla("+t+",85%, 40%,.5)"),this.$.fillStyle=a,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()}}});z(this,"anim",function(){window.requestAnimationFrame=function(){return window.requestAnimationFrame||function(i,a){window.setTimeout(i,1e3/60)}}();var t=function(){this.upd(),this.draw(),window.requestAnimationFrame(t)}.bind(this);window.requestAnimationFrame(t)});z(this,"run",function(){this.anim(),this.toX=-69.6,this.toY=23.6});this.canvas=nt(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=X,this.$=canv.getContext("2d"),this.$.globalCompositeOperation="source-over",this.varr=[],this.dist=[],this.calc=[];for(var t=0,i=Zt;t<i;t++)this.add();this.rotObj={x:0,y:0,z:0},this.objSz={x:$/5,y:X/5,z:$/5}}}const Yt=H({components:{[Y.name]:Y,Map:et,ScaleScreen:Xt,DXJG:ut,DXCY:pt,DZWZ:mt,DXLX:ft,NYQK:yt,NCZQS:zt,CZNYCY:bt,JK:gt,SBYXZT:_t,QXSZ:wt,SZJCSJ:Mt,TRJCSJ:St,Head:xt,Footer:vt,MapModal:$t},setup(){const e=S(null),t=dt(),i=O({baseId:S(""),baseData:O({})});It({rootEmitter:t});const a=S(!1);return P(()=>{setInterval(()=>t.emit("interval:auto"),1e3*60),setInterval(()=>t.emit("interval:tab"),1e3*30),setInterval(()=>t.emit("interval:tab1"),1e3*10),new Wt(e).run()}),ot(()=>{t.on("map:click",()=>{}),t.on("base:click",d=>{i.baseId=d.id,i.baseData=d,a.value=!0})}),rt(()=>{}),D(_({cavsRef:e},ht(i)),{visibleMapModal:a})}}),Ht={class:"flex flex-col h-full bg-img relative"},Pt={class:"absolute left-0 top-0 w-full h-full overflow-hidden",ref:"cavsRef",id:"canv"},Nt={class:"flex flex-col h-full w-full z-100"},Bt={class:"flex-1 flex justify-between px-20px"},Tt={class:"flex"},kt={class:"grid grid-cols-2 gap-x-10px gap-y-10px"},qt={class:"flex-1 flex ml-15px justify-between bg-[#03293f] bg-opacity-55"},Ft={class:"bg-gradient-to-l from-transparent to-[#10272f50]"},Qt={class:"flex-1"},Rt={class:"bg-gradient-to-r from-transparent to-[#10272f50]"},Et={class:"flex"},Kt={class:"mx-16px"},At={class:""};function Gt(e,t,i,a,d,n){const w=o("Head"),m=o("DXJG"),l=o("DXCY"),v=o("DXLX"),h=o("DZWZ"),f=o("NYQK"),x=o("NCZQS"),M=o("Map"),b=o("CZNYCY"),y=o("JK"),g=o("SBYXZT"),q=o("QXSZ"),F=o("SZJCSJ"),Q=o("TRJCSJ"),R=o("Footer"),E=o("MapModal"),K=o("ScaleScreen");return B(),ct(K,{boxStyle:{background:"#020603"},width:3120,height:760,autoScale:!0},{default:lt(()=>[c("div",Ht,[c("canvas",Pt,null,512),c("div",Nt,[r(w),c("div",Bt,[c("div",Tt,[c("div",kt,[r(m,{width:"440px",height:"353px"}),r(l,{width:"440px",height:"353px"}),r(v,{width:"440px",height:"353px"}),r(h,{width:"440px",height:"353px"})])]),c("div",qt,[c("div",Ft,[r(f),r(x,{class:"mt-20px"})]),c("div",Qt,[r(M)]),c("div",Rt,[r(b)])]),c("div",Et,[c("div",Kt,[r(y,{width:"440px",height:"387px"}),r(g,{class:"mt-16px",width:"440px",height:"310px"})]),c("div",At,[r(q,{width:"440px",height:"200px"}),r(F,{class:"mt-11px",width:"440px",height:"245px"}),r(Q,{class:"mt-11px",width:"440px",height:"245px"})])])]),r(R)])]),r(E,{visible:e.visibleMapModal,"onUpdate:visible":t[0]||(t[0]=A=>e.visibleMapModal=A),footer:null,baseId:e.baseId,baseData:e.baseData},null,8,["visible","baseId","baseData"])]),_:1})}var qe=N(Yt,[["render",Gt],["__scopeId","data-v-41ab12a2"]]);export{qe as default};
|