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 $=(e,t,s)=>t in e?G(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,w=(e,t)=>{for(var s in t||(t={}))U.call(t,s)&&$(e,s,t[s]);if(Z)for(var s of Z(t))tt.call(t,s)&&$(e,s,t[s]);return e},D=(e,t)=>L(e,V(t));var g=(e,t,s)=>($(e,typeof t!="symbol"?t+"":t,s),s);var C=(e,t,s)=>new Promise((a,l)=>{var n=d=>{try{p(s.next(d))}catch(y){l(y)}},f=d=>{try{p(s.throw(d))}catch(y){l(y)}},p=d=>d.done?a(d.value):Promise.resolve(d.value).then(n,f);p((s=s.apply(e,t)).next())});import et from"./Map.d7660fe6.js";import{a as H,s as O,r as S,G as P,ak as J,c0 as it,J as N,o as B,h as st,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.69b97d48.js";import ut from"./DXJG.97f55410.js";import pt from"./DXCY.8e830990.js";import mt from"./DZWZ.063f453d.js";import ft from"./DXLX.4c2feb6f.js";import xt from"./Head.083e1b0b.js";import vt from"./Footer.ea067ea6.js";import yt from"./NYQK.5fde816a.js";import zt from"./NCZQS.89dc83d5.js";import gt from"./CZNYCY.7881dd03.js";import bt from"./JK.7237d781.js";import _t from"./SBYXZT.71c3d2f2.js";import wt from"./QXSZ.e9fd9e00.js";import Mt from"./SZJCSJ.dd1f4129.js";import St from"./TRJCSJ.30220593.js";import It from"./MapModal.d7dba47b.js";import{c as $t}from"./useVContext.6eb54a1e.js";import"./useECharts.26c97559.js";import"./other.0d0348e6.js";import"./visualization.8d01a402.js";import"./Box.109cc755.js";import"./colors.69d1b0cd.js";import"./Circle.4fe04ad8.js";import"./index.a63dfe1d.js";import"./index.afeae3d8.js";import"./CaretUpOutlined.28c67b21.js";import"./LinkModal.70709f2f.js";import"./model-close-icon.706a0490.js";import"./CModal.35bd663d.js";import"./index.670941dd.js";import"./useRefs.f6eb3bea.js";import"./PlusOutlined.6921ce4d.js";import"./index.878e83ae.js";import"./index.df4e1d95.js";import"./_baseIteratee.b53df749.js";import"./get.f522e2f0.js";import"./_baseEach.6745beb9.js";import"./_isIterateeCall.981fc751.js";import"./VideoFlv.e3b10f1c.js";import"./flv.e522e007.js";import"./WaterEipple.911a7685.js";import"./lodash.51d66a8e.js";import"./dateUtil.1e514191.js";import"./BasicChart.12727532.js";function Ct(e,t){let s;return function(...a){s&&clearTimeout(s),s=setTimeout(()=>{typeof e=="function"&&e.apply(null,a),clearTimeout(s)},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}),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"}},a=S(),l=()=>new Promise(h=>{J(()=>{var x,v;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(x=a.value)==null?void 0:x.clientWidth,t.height=(v=a.value)==null?void 0:v.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`)},f=h=>{if(!e.autoScale)return;const x=a.value.clientWidth,v=a.value.clientHeight,M=document.body.clientWidth,b=document.body.clientHeight;a.value.style.transform=`scale(${h},${h})`;let z=Math.max((M-x*h)/2,0),_=Math.max((b-v*h)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(z=0),!e.autoScale.y&&(_=0)),a.value.style.margin=`${_}px ${z}px`},p=()=>{const h=document.body.clientWidth,x=document.body.clientHeight,v=t.width||t.originalWidth,M=t.height||t.originalHeight,b=h/+v,z=x/+M;if(e.fullScreen)return a.value.style.transform=`scale(${b},${z})`,!1;const _=Math.min(b,z);f(_)},d=Ct(()=>C(this,null,function*(){yield l(),n(),p()}),e.delay),y=()=>{(t.observer=new MutationObserver(()=>{d()})).observe(a.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})};return P(()=>{J(()=>C(this,null,function*(){yield l(),n(),p(),window.addEventListener("resize",d),y()}))}),it(()=>{var h;window.removeEventListener("resize",d),(h=t.observer)==null||h.disconnect()}),{screenWrapper:a,styles:s}}});function Ot(e,t,s,a,l,n){return B(),st("section",{style:W(w(w({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[c("div",{style:W(w(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,I=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)},i={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:I/2,y:X/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)}},m={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*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,a,l){var n=m.parts.sz(e,t);return n=m.parts.rot.x(n,s),n=m.parts.rot.y(n,s),n=m.parts.rot.z(n,s),n=m.parts.pos(n,a),n=m.pov.plane(n),n=m.pov.theta(n),n=m.pov.set(n),n=m.persp(n),n=m.disp(n,l),n}};class Jt{constructor(t){g(this,"vupd",function(){this.transOut=m.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 Wt{constructor(t){g(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()})});g(this,"upd",function(){i.obj.x+=(this.toX-i.obj.x)*.05,i.obj.y+=(this.toY-i.obj.y)*.05});g(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 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()}}});g(this,"anim",function(){window.requestAnimationFrame=function(){return window.requestAnimationFrame||function(s,a){window.setTimeout(s,1e3/60)}}();var t=function(){this.upd(),this.draw(),window.requestAnimationFrame(t)}.bind(this);window.requestAnimationFrame(t)});g(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=I,this.canvas.height=X,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:I/5,y:X/5,z:I/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:gt,JK:bt,SBYXZT:_t,QXSZ:wt,SZJCSJ:Mt,TRJCSJ:St,Head:xt,Footer:vt,MapModal:It},setup(){const e=S(null),t=dt(),s=O({baseId:S(""),baseData:O({})});$t({rootEmitter:t});let a=null,l=null,n=null;const f=S(!1);return P(()=>{a=setInterval(()=>t.emit("interval:auto"),1e3*60),l=setInterval(()=>t.emit("interval:tab"),1e3*30),n=setInterval(()=>t.emit("interval:tab1"),1e3*10),new Wt(e).run()}),ot(()=>{t.on("map:click",()=>{}),t.on("base:click",p=>{s.baseId=p.id,s.baseData=p,f.value=!0})}),rt(()=>{a&&clearInterval(a),l&&clearInterval(l),n&&clearInterval(n)}),D(w({cavsRef:e},ht(s)),{visibleMapModal:f})}}),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,s,a,l,n){const f=o("Head"),p=o("DXJG"),d=o("DXCY"),y=o("DXLX"),h=o("DZWZ"),x=o("NYQK"),v=o("NCZQS"),M=o("Map"),b=o("CZNYCY"),z=o("JK"),_=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(f),c("div",Bt,[c("div",Tt,[c("div",kt,[r(p,{width:"440px",height:"353px"}),r(d,{width:"440px",height:"353px"}),r(y,{width:"440px",height:"353px"}),r(h,{width:"440px",height:"353px"})])]),c("div",qt,[c("div",Ft,[r(x),r(v,{class:"mt-20px"})]),c("div",Qt,[r(M)]),c("div",Rt,[r(b)])]),c("div",Et,[c("div",Kt,[r(z,{width:"440px",height:"387px"}),r(_,{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-5758de19"]]);export{qe as default};
|