2 lines
16 KiB
JavaScript
2 lines
16 KiB
JavaScript
var it=Object.defineProperty,st=Object.defineProperties;var at=Object.getOwnPropertyDescriptors;var H=Object.getOwnPropertySymbols;var nt=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable;var Y=(e,t,i)=>t in e?it(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,k=(e,t)=>{for(var i in t||(t={}))nt.call(t,i)&&Y(e,i,t[i]);if(H)for(var i of H(t))rt.call(t,i)&&Y(e,i,t[i]);return e},B=(e,t)=>st(e,at(t));var W=(e,t,i)=>(Y(e,typeof t!="symbol"?t+"":t,i),i);var Z=(e,t,i)=>new Promise((r,n)=>{var a=p=>{try{g(i.next(p))}catch(x){n(x)}},u=p=>{try{g(i.throw(p))}catch(x){n(x)}},g=p=>p.done?r(p.value):Promise.resolve(p.value).then(a,u);g((i=i.apply(e,t)).next())});import lt from"./Map.cee08cd0.js";import{a as U,s as X,r as z,G as A,ak as J,c0 as dt,bD as E,J as K,o as L,h as F,p as d,x as G,w as ct,i as h,v as ht,l as ut,bP as pt,bm as Q,aE as mt,k as ft,el as q,g6 as vt,am as xt,bp as yt,af as bt,bc as gt,j as wt,n as zt,bj as Mt,fd as _t,g7 as St,aA as l}from"./index.6f10b46a.js";import Ct from"./DXJG.d7092083.js";import $t from"./DXCY.7599eeae.js";import It from"./DZWZ.e8dcf8fe.js";import Wt from"./DXLX.8b97beb3.js";import jt from"./Head.8ee03143.js";import Ot from"./Footer.84cbf6d5.js";import Tt from"./NYQK.3121e5aa.js";import Dt from"./NCZQS.ffc800e5.js";import kt from"./CZNYCY.f40c82b9.js";import Jt from"./JK.2596d606.js";import Xt from"./SBYXZT.13b235dd.js";import Zt from"./QXSZ.24e1ebcf.js";import Rt from"./SZJCSJ.75051902.js";import Yt from"./CQJC.ed0ac64c.js";import Pt from"./TRJCSJ.a0604b1d.js";import Lt from"./MapModal.bf308a95.js";import Nt from"./LeftModal.1ff5cc28.js";import Ht from"./RightModal.6ddf22a1.js";import Bt from"./IframeModal.69c38716.js";import{c as Et}from"./useVContext.d1f4cb32.js";import"./useECharts.2de54dce.js";import"./other.a8016890.js";import"./visualization.38c4785d.js";import"./Box.22a53d85.js";import"./colors.69d1b0cd.js";import"./Circle.cc626770.js";import"./add.f64e55d6.js";import"./index.106a8ba0.js";import"./index.4269d7a3.js";import"./CaretUpOutlined.7b41c6d6.js";import"./LinkModal.07234ed9.js";import"./model-close-icon.706a0490.js";import"./CModal.77b33779.js";import"./index.aedfb658.js";import"./useRefs.79978461.js";import"./PlusOutlined.9d52d21d.js";import"./index.3a1aa940.js";import"./index.6e86a4fe.js";import"./concat.17516507.js";import"./_baseIteratee.e4edbf90.js";import"./get.de375d54.js";import"./_baseEach.e90207ad.js";import"./_isIterateeCall.e5b0a120.js";import"./VideoFlv.ae421e7e.js";import"./flv.8812aa56.js";import"./WaterEipple.aad0350f.js";import"./lodash.3f24e103.js";import"./dateUtil.fc0b2e7e.js";import"./BasicChart.ca35a6eb.js";import"./DXJGWEEK.c19943e2.js";import"./LineCharts.28c61ce6.js";import"./FullscreenOutlined.205f97f6.js";function Ft(e,t){let i;return function(...r){i&&clearTimeout(i),i=setTimeout(()=>{typeof e=="function"&&e.apply(null,r),clearTimeout(i)},t>0?t:100)}}const Qt=U({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=X({width:0,height:0,originalWidth:0,originalHeight:0,observer:null,showTop:!1,isScroll:!1}),i=z(),r=X({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"}}),n=z(),a=()=>new Promise(s=>{J(()=>{var c,m;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(c=n.value)==null?void 0:c.clientWidth,t.height=(m=n.value)==null?void 0:m.clientHeight),(!t.originalHeight||!t.originalWidth)&&(t.originalWidth=window.screen.width,t.originalHeight=window.screen.height),s()})}),u=()=>{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`)},g=s=>{if(!e.autoScale)return;const c=n.value.clientWidth,m=n.value.clientHeight,C=document.body.clientWidth,w=document.body.clientHeight;n.value.style.transform=`scale(${s},${s})`;let y=Math.max((C-c*s)/2,0),f=Math.max((w-m*s)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(y=0),!e.autoScale.y&&(f=0)),n.value.style.margin=`${f}px ${y}px`},p=()=>{const s=document.body.clientWidth;let c=document.body.clientHeight;s<3e3&&(c=c-10);const m=t.width||t.originalWidth,C=t.height||t.originalHeight,w=s/+m,y=c/+C;if(e.fullScreen)return n.value.style.transform=`scale(${w},${y})`,!1;let f=Math.min(w,y);s<3e3?(f=y,t.isScroll=!0,r.box["overflow-x"]="auto"):(t.isScroll=!1,r.box.overflow="hidden"),g(f)},x=Ft(()=>Z(this,null,function*(){yield a(),u(),p()}),e.delay),_=()=>{(t.observer=new MutationObserver(()=>{x()})).observe(n.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})},M=s=>{s.pageY<=30?t.showTop=!0:t.showTop=!1};A(()=>{J(()=>Z(this,null,function*(){yield a(),u(),p(),window.addEventListener("resize",x),window.addEventListener("mousemove",M),_()}))}),dt(()=>{var s;window.removeEventListener("resize",x),window.removeEventListener("mousemove",M),(s=t.observer)==null||s.disconnect()});const S=()=>{J(()=>{var s;(s=i.value)==null||s.scrollTo({left:0,behavior:"smooth"})})},j=()=>{J(()=>{var s,c,m;(m=i.value)==null||m.scrollTo({left:((c=(s=i.value)==null?void 0:s.scrollWidth)!=null?c:0)/2-document.body.clientWidth/2,behavior:"smooth"})})},O=()=>{J(()=>{var s,c;(c=i.value)==null||c.scrollTo({left:(s=i.value)==null?void 0:s.scrollWidth,behavior:"smooth"})})},T=E(t,"showTop"),D=E(t,"isScroll");return{screenWrapper:n,styles:r,isScroll:D,showTop:T,screenRef:i,handleScrollLeft:S,handleScrollCenter:j,handleScrollRight:O}}}),qt={key:0,class:"fixed topTool border border-[#396684] bg-[#1c2c34cc] top-0 z-99999 flex text-white py-4px px-10px"};function Ut(e,t,i,r,n,a){return L(),F("div",null,[d(pt,{name:"slide"},{default:G(()=>[e.isScroll?ct((L(),F("div",qt,[h("div",{class:"px-10px cursor-pointer",onClick:t[0]||(t[0]=(...u)=>e.handleScrollLeft&&e.handleScrollLeft(...u))},"\u5DE6"),h("div",{class:"px-10px cursor-pointer",onClick:t[1]||(t[1]=(...u)=>e.handleScrollCenter&&e.handleScrollCenter(...u))},"\u4E2D"),h("div",{class:"px-10px cursor-pointer",onClick:t[2]||(t[2]=(...u)=>e.handleScrollRight&&e.handleScrollRight(...u))},"\u53F3")],512)),[[ht,e.showTop]]):ut("",!0)]),_:1}),h("section",{ref:"screenRef",style:Q(k(k({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[h("div",{style:Q(k(k({},e.styles.wrapper),e.wrapperStyle)),class:"screen-wrapper",ref:"screenWrapper"},[mt(e.$slots,"default",{},void 0,!0)],4)],4)])}var At=K(Qt,[["render",Ut],["__scopeId","data-v-b21dbfcc"]]),Kt=300,R=3120,N=760,V=0,tt=0,Gt=150,v=function(e){return e*Math.PI/180},P=function(){return Math.sin(Math.floor(Math.random()*360)*Math.PI/180)},o={obj:{x:V,y:tt,z:Gt},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:R/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(v(t.x))-e.z*Math.sin(v(t.x)),z:e.y*Math.sin(v(t.x))+e.z*Math.cos(v(t.x))}},y:function(e,t){return{x:e.x*Math.cos(v(t.y))+e.z*Math.sin(v(t.y)),y:e.y,z:-e.x*Math.sin(v(t.y))+e.z*Math.cos(v(t.y))}},z:function(e,t){return{x:e.x*Math.cos(v(t.z))-e.y*Math.sin(v(t.z)),y:e.x*Math.sin(v(t.z))+e.y*Math.cos(v(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,r,n){var a=b.parts.sz(e,t);return a=b.parts.rot.x(a,i),a=b.parts.rot.y(a,i),a=b.parts.rot.z(a,i),a=b.parts.pos(a,r),a=b.pov.plane(a),a=b.pov.theta(a),a=b.pov.set(a),a=b.persp(a),a=b.disp(a,n),a}};class Vt{constructor(t){W(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 te{constructor(t){W(this,"add",function(){this.varr.push(new Vt({vtx:{x:P(),y:P(),z:P()},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(){o.obj.x+=(this.toX-o.obj.x)*.05,o.obj.y+=(this.toY-o.obj.y)*.05});W(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 r=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",r.addColorStop(0,"hsla(255, 255%, 255%, 1)"),r.addColorStop(.5,"hsla("+(t+2)+",85%, 40%,1)"),r.addColorStop(1,"hsla("+t+",85%, 40%,.5)"),this.$.fillStyle=r,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(i,r){window.setTimeout(i,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=ft(t),this.vel=.04,this.lim=360,this.diff=200,this.initPos=100,this.toX=V,this.toY=tt,this.go()}go(){this.canvas.width=R,this.canvas.height=N,this.$=canv.getContext("2d"),this.$.globalCompositeOperation="source-over",this.varr=[],this.dist=[],this.calc=[];for(var t=0,i=Kt;t<i;t++)this.add();this.rotObj={x:0,y:0,z:0},this.objSz={x:R/5,y:N/5,z:R/5}}}localStorage.removeItem("warning_id");const ee=U({components:{[q.name]:q,Map:lt,ScaleScreen:At,DXJG:Ct,DXCY:$t,DZWZ:It,DXLX:Wt,NYQK:Tt,NCZQS:Dt,CZNYCY:kt,JK:Jt,SBYXZT:Xt,CQJC:Yt,QXSZ:Zt,SZJCSJ:Rt,TRJCSJ:Pt,Head:jt,Footer:Ot,MapModal:Lt,LeftModal:Nt,RightModal:Ht,IframeModal:Bt},setup(){const e=z(null),t=z(!1),i=Mt(),r=X({baseId:z(""),baseData:X({}),leftType:""}),n=X({}),a=vt(()=>t.value?10:0);function u(){return Z(this,null,function*(){var w,y;const s=(y=(w=localStorage.getItem("warning_id"))==null?void 0:w.split(","))!=null?y:[],{data:c}=yield _t({per_page:10,page:1,status:0}),m=c.filter(f=>s.findIndex($=>f.id==$)<0),C=s.concat(m.reduce((f,$)=>(f.push($.id),f),[]));localStorage.setItem("warning_id",C.join(",")),m.forEach((f,$)=>{g(f,10+$*1)})})}const g=(s,c=4.5)=>{St.warning({message:s.base_name,duration:c,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:s.point_name+"\uFF1A"+s.content})},p=()=>{document.body.clientWidth<3e3?t.value=!0:t.value=!1},x=xt(()=>{p()},500);Et({rootEmitter:i});let _=null,M=null,S=null;const j=z(!1),O=z(!1),T=z(!1),D=z(!1);return A(()=>{p(),window.addEventListener("resize",x),_=setInterval(()=>{u(),i.emit("interval:auto")},1e3*60),M=setInterval(()=>i.emit("interval:tab"),1e3*30),S=setInterval(()=>i.emit("interval:tab1"),1e3*10),new te(e).run()}),yt(()=>{u(),i.on("leftModel:click",s=>{r.leftType=s,O.value=!0}),i.on("rightModel:click",s=>{n.base_id=s.base_id,n.desList=s.desList,n.device_type=s.device_type,n.base_name=s.baseName,T.value=!0}),i.on("map:click",()=>{}),i.on("base:click",s=>{r.baseId=s.id,r.baseData=s,s.is_blank&&s.blank_url?D.value=!0:j.value=!0})}),bt(()=>{_&&clearInterval(_),M&&clearInterval(M),S&&clearInterval(S)}),B(k({rightParmas:n,cavsRef:e},gt(r)),{addW:a,isScroll:t,visibleMapModal:j,leftMapModal:O,rightMapModal:T,iframeModal:D})}}),oe={class:"flex flex-col h-full bg-img relative visualization\u2014xx"},ie={class:"absolute left-0 top-0 w-full h-full overflow-hidden",ref:"cavsRef",id:"canv"},se={class:"flex flex-col h-full w-full z-100"},ae={class:"flex"},ne={class:"grid grid-cols-2 gap-x-10px gap-y-10px"},re={class:"flex-1 flex mx-10px justify-between bg-[#03293f] bg-opacity-55"},le={class:"bg-gradient-to-l from-transparent to-[#10272f50] px-10px"},de={class:"flex-1"},ce={class:"bg-gradient-to-r from-transparent to-[#10272f50] px-10px"},he={class:"flex"},ue={class:"mr-10px"},pe={class:""};function me(e,t,i,r,n,a){const u=l("Head"),g=l("DXJG"),p=l("DXCY"),x=l("DXLX"),_=l("DZWZ"),M=l("NYQK"),S=l("NCZQS"),j=l("Map"),O=l("CZNYCY"),T=l("JK"),D=l("CQJC"),s=l("SBYXZT"),c=l("QXSZ"),m=l("SZJCSJ"),C=l("TRJCSJ"),w=l("Footer"),y=l("MapModal"),f=l("LeftModal"),$=l("RightModal"),et=l("IframeModal"),ot=l("ScaleScreen");return L(),wt(ot,{boxStyle:{background:"#020603"},width:3120,height:760,autoScale:!0},{default:G(()=>[h("div",oe,[h("canvas",ie,null,512),h("div",se,[d(u),h("div",{class:zt(["flex-1 flex justify-between",e.isScroll?"px-14px":"px-10px"])},[h("div",ae,[h("div",ne,[d(g,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),d(p,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),d(x,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),d(_,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"])])]),h("div",re,[h("div",le,[d(M),d(S,{class:"mt-20px"})]),h("div",de,[d(j)]),h("div",ce,[d(O)])]),h("div",he,[h("div",ue,[d(T,{width:`${e.addW+440}px`,height:"204px"},null,8,["width"]),d(D,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"]),d(s,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"])]),h("div",pe,[d(c,{width:`${e.addW+440}px`,height:"204px"},null,8,["width"]),d(m,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"]),d(C,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"])])])],2),d(w)])]),d(y,{visible:e.visibleMapModal,"onUpdate:visible":t[0]||(t[0]=I=>e.visibleMapModal=I),footer:null,baseId:e.baseId,baseData:e.baseData},null,8,["visible","baseId","baseData"]),d(f,{visible:e.leftMapModal,"onUpdate:visible":t[1]||(t[1]=I=>e.leftMapModal=I),footer:null,type:e.leftType},null,8,["visible","type"]),d($,{visible:e.rightMapModal,"onUpdate:visible":t[2]||(t[2]=I=>e.rightMapModal=I),footer:null,parmas:e.rightParmas},null,8,["visible","parmas"]),d(et,{visible:e.iframeModal,"onUpdate:visible":t[3]||(t[3]=I=>e.iframeModal=I),footer:null,url:e.baseData.blank_url},null,8,["visible","url"])]),_:1})}var xo=K(ee,[["render",me],["__scopeId","data-v-63a1ae16"]]);export{xo as default};
|