2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
var K=Object.defineProperty,tt=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var ot=Object.prototype.hasOwnProperty,it=Object.prototype.propertyIsEnumerable;var k=(e,t,i)=>t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,T=(e,t)=>{for(var i in t||(t={}))ot.call(t,i)&&k(e,i,t[i]);if(P)for(var i of P(t))it.call(t,i)&&k(e,i,t[i]);return e},R=(e,t)=>tt(e,et(t));var I=(e,t,i)=>(k(e,typeof t!="symbol"?t+"":t,i),i);var Y=(e,t,i)=>new Promise((a,r)=>{var s=m=>{try{w(i.next(m))}catch(v){r(v)}},p=m=>{try{w(i.throw(m))}catch(v){r(v)}},w=m=>m.done?a(m.value):Promise.resolve(m.value).then(s,p);w((i=i.apply(e,t)).next())});import st from"./Map.2c717bf8.js";import{a as q,s as Z,r as C,G as Q,ak as D,c0 as nt,bD as L,J as A,o as J,h as B,p as h,x as G,w as at,i as d,v as rt,l as lt,bP as dt,bm as E,aE as ct,k as ht,cG as ut,el as F,g4 as pt,am as mt,bp as ft,af as vt,bc as xt,j as yt,n as gt,bj as bt,fd as wt,g5 as zt,aA as c}from"./index.eec7c138.js";import St from"./DXJG.3f7e5295.js";import _t from"./DXCY.c7c12d0e.js";import Mt from"./DZWZ.c404856c.js";import $t from"./DXLX.f353062c.js";import It from"./Head.b87f4c87.js";import Ct from"./Footer.5efa0236.js";import Wt from"./NYQK.4bcf7b6a.js";import jt from"./NCZQS.44cc56bb.js";import Ot from"./CZNYCY.1bdd5ff2.js";import Tt from"./JK.d410e90f.js";import Dt from"./SBYXZT.c1bafac2.js";import Yt from"./QXSZ.aab2efc7.js";import Xt from"./SZJCSJ.a3540168.js";import Zt from"./TRJCSJ.8087410d.js";import kt from"./MapModal.dcbc7de4.js";import Ht from"./LeftModal.dada4904.js";import{c as Jt}from"./useVContext.90866f64.js";import"./useECharts.7b7a31e5.js";import"./other.770da20f.js";import"./visualization.0b352701.js";import"./Box.6e1a6928.js";import"./colors.69d1b0cd.js";import"./Circle.abe2c14b.js";import"./add.aca6e96d.js";import"./index.d67f577b.js";import"./index.693b4f1e.js";import"./CaretUpOutlined.40084cc6.js";import"./LinkModal.db879c6e.js";import"./model-close-icon.706a0490.js";import"./CModal.f4d6c2f8.js";import"./index.a2ec4afe.js";import"./useRefs.77e50e1b.js";import"./PlusOutlined.073ab670.js";import"./index.ba75b5cb.js";import"./index.c41309ba.js";import"./concat.67f5f429.js";import"./_baseIteratee.8e9620dd.js";import"./get.2199c57c.js";import"./_baseEach.f9812519.js";import"./_isIterateeCall.13b42414.js";import"./VideoFlv.2bb9adf1.js";import"./flv.c8c88a4e.js";import"./WaterEipple.44c29ec9.js";import"./lodash.894938ea.js";import"./dateUtil.160b2c2f.js";import"./BasicChart.74678244.js";function Nt(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 Pt=q({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=Z({width:0,height:0,originalWidth:0,originalHeight:0,observer:null,showTop:!1,isScroll:!1}),i=C(),a=Z({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",display:"inline-block"}}),r=C(),s=()=>new Promise(n=>{D(()=>{var l,f;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(l=r.value)==null?void 0:l.clientWidth,t.height=(f=r.value)==null?void 0:f.clientHeight),(!t.originalHeight||!t.originalWidth)&&(t.originalWidth=window.screen.width,t.originalHeight=window.screen.height),n()})}),p=()=>{t.width&&t.height?(r.value.style.width=`${t.width}px`,r.value.style.height=`${t.height}px`):(r.value.style.width=`${t.originalWidth}px`,r.value.style.height=`${t.originalHeight}px`)},w=n=>{if(!e.autoScale)return;const l=r.value.clientWidth,f=r.value.clientHeight,x=document.body.clientWidth,y=document.body.clientHeight;r.value.style.transform=`scale(${n},${n})`;let _=Math.max((x-l*n)/2,0),z=Math.max((y-f*n)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(_=0),!e.autoScale.y&&(z=0)),r.value.style.margin=`${z}px ${_}px`},m=()=>{const n=document.body.clientWidth;let l=document.body.clientHeight;n<3e3&&(l=l-10);const f=t.width||t.originalWidth,x=t.height||t.originalHeight,y=n/+f,_=l/+x;if(e.fullScreen)return r.value.style.transform=`scale(${y},${_})`,!1;let z=Math.min(y,_);n<3e3?(z=_,t.isScroll=!0,a.box["overflow-x"]="auto"):(t.isScroll=!1,a.box.overflow="hidden"),w(z)},v=Nt(()=>Y(this,null,function*(){yield s(),p(),m()}),e.delay),M=()=>{(t.observer=new MutationObserver(()=>{v()})).observe(r.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})},S=n=>{n.pageY<=30?t.showTop=!0:t.showTop=!1};Q(()=>{D(()=>Y(this,null,function*(){yield s(),p(),m(),window.addEventListener("resize",v),window.addEventListener("mousemove",S),M()}))}),nt(()=>{var n;window.removeEventListener("resize",v),window.removeEventListener("mousemove",S),(n=t.observer)==null||n.disconnect()});const W=()=>{D(()=>{var n;(n=i.value)==null||n.scrollTo({left:0,behavior:"smooth"})})},j=()=>{D(()=>{var n,l,f;(f=i.value)==null||f.scrollTo({left:((l=(n=i.value)==null?void 0:n.scrollWidth)!=null?l:0)/2-document.body.clientWidth/2,behavior:"smooth"})})},u=()=>{D(()=>{var n,l;(l=i.value)==null||l.scrollTo({left:(n=i.value)==null?void 0:n.scrollWidth,behavior:"smooth"})})},$=L(t,"showTop"),O=L(t,"isScroll");return{screenWrapper:r,styles:a,isScroll:O,showTop:$,screenRef:i,handleScrollLeft:W,handleScrollCenter:j,handleScrollRight:u}}}),Rt={key:0,class:"fixed topTool border border-[#396684] bg-[#1c2c34cc] top-0 z-99999 flex text-white py-4px px-10px"};function Lt(e,t,i,a,r,s){return J(),B("div",null,[h(dt,{name:"slide"},{default:G(()=>[e.isScroll?at((J(),B("div",Rt,[d("div",{class:"px-10px cursor-pointer",onClick:t[0]||(t[0]=(...p)=>e.handleScrollLeft&&e.handleScrollLeft(...p))},"\u5DE6"),d("div",{class:"px-10px cursor-pointer",onClick:t[1]||(t[1]=(...p)=>e.handleScrollCenter&&e.handleScrollCenter(...p))},"\u4E2D"),d("div",{class:"px-10px cursor-pointer",onClick:t[2]||(t[2]=(...p)=>e.handleScrollRight&&e.handleScrollRight(...p))},"\u53F3")],512)),[[rt,e.showTop]]):lt("",!0)]),_:1}),d("section",{ref:"screenRef",style:E(T(T({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[d("div",{style:E(T(T({},e.styles.wrapper),e.wrapperStyle)),class:"screen-wrapper",ref:"screenWrapper"},[ct(e.$slots,"default",{},void 0,!0)],4)],4)])}var Bt=A(Pt,[["render",Lt],["__scopeId","data-v-713b1ac6"]]),Et=300,X=3120,N=760,U=0,V=0,Ft=150,g=function(e){return e*Math.PI/180},H=function(){return Math.sin(Math.floor(Math.random()*360)*Math.PI/180)},o={obj:{x:U,y:V,z:Ft},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:X/2,y:N/2,z:0},upd:function(){o.dist.x=o.dest.x-o.obj.x,o.dist.y=o.dest.y-o.obj.y,o.dist.z=o.dest.z-o.obj.z,o.ang.cplane=-o.dist.z/Math.sqrt(o.dist.x*o.dist.x+o.dist.z*o.dist.z),o.ang.splane=o.dist.x/Math.sqrt(o.dist.x*o.dist.x+o.dist.z*o.dist.z),o.ang.ctheta=Math.sqrt(o.dist.x*o.dist.x+o.dist.z*o.dist.z)/Math.sqrt(o.dist.x*o.dist.x+o.dist.y*o.dist.y+o.dist.z*o.dist.z),o.ang.stheta=-o.dist.y/Math.sqrt(o.dist.x*o.dist.x+o.dist.y*o.dist.y+o.dist.z*o.dist.z)}},b={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(g(t.x))-e.z*Math.sin(g(t.x)),z:e.y*Math.sin(g(t.x))+e.z*Math.cos(g(t.x))}},y:function(e,t){return{x:e.x*Math.cos(g(t.y))+e.z*Math.sin(g(t.y)),y:e.y,z:-e.x*Math.sin(g(t.y))+e.z*Math.cos(g(t.y))}},z:function(e,t){return{x:e.x*Math.cos(g(t.z))-e.y*Math.sin(g(t.z)),y:e.x*Math.sin(g(t.z))+e.y*Math.cos(g(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*o.ang.cplane+e.z*o.ang.splane,y:e.y,z:e.x*-o.ang.splane+e.z*o.ang.cplane}},theta:function(e){return{x:e.x,y:e.y*o.ang.ctheta-e.z*o.ang.stheta,z:e.y*o.ang.stheta+e.z*o.ang.ctheta}},set:function(e){return{x:e.x-o.obj.x,y:e.y-o.obj.y,z:e.z-o.obj.z}}},persp:function(e){return{x:e.x*o.dist.z/e.z*o.zoom,y:e.y*o.dist.z/e.z*o.zoom,z:e.z*o.zoom,p:o.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,r){var s=b.parts.sz(e,t);return s=b.parts.rot.x(s,i),s=b.parts.rot.y(s,i),s=b.parts.rot.z(s,i),s=b.parts.pos(s,a),s=b.pov.plane(s),s=b.pov.theta(s),s=b.pov.set(s),s=b.persp(s),s=b.disp(s,r),s}};class qt{constructor(t){I(this,"vupd",function(){this.transOut=b.steps(this.transIn.vtx,this.transIn.sz,this.transIn.rot,this.transIn.pos,o.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 Qt{constructor(t){I(this,"add",function(){this.varr.push(new qt({vtx:{x:H(),y:H(),z:H()},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()})});I(this,"upd",function(){o.obj.x+=(this.toX-o.obj.x)*.05,o.obj.y+=(this.toY-o.obj.y)*.05});I(this,"draw",function(){this.$.clearRect(0,0,this.canvas.width,this.canvas.height),o.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()}}});I(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)});I(this,"run",function(){this.anim(),this.toX=-69.6,this.toY=23.6});this.canvas=ht(t),this.vel=.04,this.lim=360,this.diff=200,this.initPos=100,this.toX=U,this.toY=V,this.go()}go(){this.canvas.width=X,this.canvas.height=N,this.$=canv.getContext("2d"),this.$.globalCompositeOperation="source-over",this.varr=[],this.dist=[],this.calc=[];for(var t=0,i=Et;t<i;t++)this.add();this.rotObj={x:0,y:0,z:0},this.objSz={x:X/5,y:N/5,z:X/5}}}const At=ut().format("YYYY-MM-DD HH:mm:ss");localStorage.removeItem("warning_id");const Gt=q({components:{[F.name]:F,Map:st,ScaleScreen:Bt,DXJG:St,DXCY:_t,DZWZ:Mt,DXLX:$t,NYQK:Wt,NCZQS:jt,CZNYCY:Ot,JK:Tt,SBYXZT:Dt,QXSZ:Yt,SZJCSJ:Xt,TRJCSJ:Zt,Head:It,Footer:Ct,MapModal:kt,LeftModal:Ht},setup(){const e=C(null),t=C(!1),i=bt(),a=Z({baseId:C(""),baseData:Z({}),leftType:""}),r=pt(()=>t.value?10:0);function s(){return Y(this,null,function*(){var l,f;const u=(f=(l=localStorage.getItem("warning_id"))==null?void 0:l.split(","))!=null?f:[],{data:$}=yield wt({per_page:10,page:1,start_time:At}),O=$.filter(x=>u.findIndex(y=>x.id==y)<0),n=u.concat(O.reduce((x,y)=>(x.push(y.id),x),[]));localStorage.setItem("warning_id",n.join(",")),O.forEach((x,y)=>{p(x,10+y*1)})})}const p=(u,$=4.5)=>{zt.warning({message:u.base_name,duration:$,class:"warning-class",style:{backgroundColor:"rgba(28, 44, 52, 0.8)",color:"#fff"},getContainer:()=>document.body.clientWidth<3e3?document.body:document.body.querySelector(".visualization\u2014xx"),description:u.point_name+"\uFF1A"+u.content})},w=()=>{document.body.clientWidth<3e3?t.value=!0:t.value=!1},m=mt(()=>{w()},500);Jt({rootEmitter:i});let v=null,M=null,S=null;const W=C(!1),j=C(!1);return Q(()=>{w(),window.addEventListener("resize",m),v=setInterval(()=>{s(),i.emit("interval:auto")},1e3*60),M=setInterval(()=>i.emit("interval:tab"),1e3*30),S=setInterval(()=>i.emit("interval:tab1"),1e3*10),new Qt(e).run()}),ft(()=>{s(),i.on("leftModel:click",u=>{a.leftType=u,j.value=!0}),i.on("map:click",()=>{}),i.on("base:click",u=>{a.baseId=u.id,a.baseData=u,W.value=!0})}),vt(()=>{v&&clearInterval(v),M&&clearInterval(M),S&&clearInterval(S)}),R(T({cavsRef:e},xt(a)),{addW:r,isScroll:t,visibleMapModal:W,leftMapModal:j})}}),Ut={class:"flex flex-col h-full bg-img relative visualization\u2014xx"},Vt={class:"absolute left-0 top-0 w-full h-full overflow-hidden",ref:"cavsRef",id:"canv"},Kt={class:"flex flex-col h-full w-full z-100"},te={class:"flex"},ee={class:"grid grid-cols-2 gap-x-10px gap-y-10px"},oe={class:"flex-1 flex mx-10px justify-between bg-[#03293f] bg-opacity-55"},ie={class:"bg-gradient-to-l from-transparent to-[#10272f50] px-10px"},se={class:"flex-1"},ne={class:"bg-gradient-to-r from-transparent to-[#10272f50] px-10px"},ae={class:"flex"},re={class:"mr-10px"},le={class:""};function de(e,t,i,a,r,s){const p=c("Head"),w=c("DXJG"),m=c("DXCY"),v=c("DXLX"),M=c("DZWZ"),S=c("NYQK"),W=c("NCZQS"),j=c("Map"),u=c("CZNYCY"),$=c("SBYXZT"),O=c("QXSZ"),n=c("SZJCSJ"),l=c("TRJCSJ"),f=c("Footer"),x=c("MapModal"),y=c("LeftModal"),_=c("ScaleScreen");return J(),yt(_,{boxStyle:{background:"#020603"},width:3120,height:760,autoScale:!0},{default:G(()=>[d("div",Ut,[d("canvas",Vt,null,512),d("div",Kt,[h(p),d("div",{class:gt(["flex-1 flex justify-between",e.isScroll?"px-14px":"px-10px"])},[d("div",te,[d("div",ee,[h(w,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),h(m,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),h(v,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),h(M,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"])])]),d("div",oe,[d("div",ie,[h(S),h(W,{class:"mt-20px"})]),d("div",se,[h(j)]),d("div",ne,[h(u)])]),d("div",ae,[d("div",re,[h($,{class:"mt-10px",width:`${e.addW+440}px`,height:"314px"},null,8,["width"])]),d("div",le,[h(O,{width:`${e.addW+440}px`,height:"204px"},null,8,["width"]),h(n,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"]),h(l,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"])])])],2),h(f)])]),h(x,{visible:e.visibleMapModal,"onUpdate:visible":t[0]||(t[0]=z=>e.visibleMapModal=z),footer:null,baseId:e.baseId,baseData:e.baseData},null,8,["visible","baseId","baseData"]),h(y,{visible:e.leftMapModal,"onUpdate:visible":t[1]||(t[1]=z=>e.leftMapModal=z),footer:null,type:e.leftType},null,8,["visible","type"])]),_:1})}var no=A(Gt,[["render",de],["__scopeId","data-v-53f289f9"]]);export{no as default};
|