2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
var et=Object.defineProperty,ot=Object.defineProperties;var it=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var st=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable;var J=(e,t,i)=>t in e?et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,T=(e,t)=>{for(var i in t||(t={}))st.call(t,i)&&J(e,i,t[i]);if(L)for(var i of L(t))at.call(t,i)&&J(e,i,t[i]);return e},N=(e,t)=>ot(e,it(t));var C=(e,t,i)=>(J(e,typeof t!="symbol"?t+"":t,i),i);var Z=(e,t,i)=>new Promise((r,n)=>{var a=m=>{try{w(i.next(m))}catch(g){n(g)}},p=m=>{try{w(i.throw(m))}catch(g){n(g)}},w=m=>m.done?r(m.value):Promise.resolve(m.value).then(a,p);w((i=i.apply(e,t)).next())});import nt from"./Map.028cacce.js";import{a as Q,s as X,r as S,G as A,ak as Y,c0 as rt,bD as B,J as G,o as H,h as E,p as h,x as K,w as lt,i as u,v as dt,l as ct,bP as ht,bm as F,aE as ut,k as pt,cG as mt,el as q,g4 as ft,am as vt,bp as xt,af as yt,bc as gt,j as bt,n as wt,bj as zt,fd as Mt,g5 as _t,aA as c}from"./index.c1c766ec.js";import St from"./DXJG.f0b3efc1.js";import $t from"./DXCY.33d074b8.js";import It from"./DZWZ.9fe968b6.js";import Ct from"./DXLX.7fcc7c15.js";import Wt from"./Head.b16b74ce.js";import jt from"./Footer.9fb04b3f.js";import Ot from"./NYQK.b0de9b5d.js";import Tt from"./NCZQS.3697a289.js";import Dt from"./CZNYCY.fbcc63c6.js";import Yt from"./JK.05e06e51.js";import Xt from"./SBYXZT.34ced404.js";import Zt from"./QXSZ.fd17eeed.js";import kt from"./SZJCSJ.65486964.js";import Jt from"./TRJCSJ.300e8509.js";import Rt from"./MapModal.22ef23aa.js";import Ht from"./LeftModal.109697c6.js";import Pt from"./RightModal.29bd017b.js";import{c as Lt}from"./useVContext.f19f15a2.js";import"./useECharts.3db5b6c0.js";import"./other.dd4f0c11.js";import"./visualization.36a0bd40.js";import"./Box.af385381.js";import"./colors.69d1b0cd.js";import"./Circle.1f48c292.js";import"./add.76e3d276.js";import"./index.8ebf1e05.js";import"./index.b20b0a47.js";import"./CaretUpOutlined.24ef28ea.js";import"./LinkModal.4c2eb30f.js";import"./model-close-icon.706a0490.js";import"./CModal.aa3dcc78.js";import"./index.542d7404.js";import"./useRefs.120298bb.js";import"./PlusOutlined.a5db6881.js";import"./index.eb0e92ba.js";import"./index.5e284c2f.js";import"./concat.4edbc7a1.js";import"./_baseIteratee.945a083f.js";import"./get.7165e6a3.js";import"./_baseEach.33a02a86.js";import"./_isIterateeCall.cc0c64e3.js";import"./VideoFlv.d7fbc97b.js";import"./flv.ed0ad40c.js";import"./WaterEipple.fe9bfd9d.js";import"./lodash.f8ee5dbe.js";import"./dateUtil.55e79e58.js";import"./BasicChart.3300d5b9.js";import"./DXJGWEEK.b8d55b1e.js";import"./LineCharts.867b5143.js";function Nt(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 Bt=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=X({width:0,height:0,originalWidth:0,originalHeight:0,observer:null,showTop:!1,isScroll:!1}),i=S(),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=S(),a=()=>new Promise(s=>{Y(()=>{var d,v;e.width&&e.height?(t.width=e.width,t.height=e.height):(t.width=(d=n.value)==null?void 0:d.clientWidth,t.height=(v=n.value)==null?void 0:v.clientHeight),(!t.originalHeight||!t.originalWidth)&&(t.originalWidth=window.screen.width,t.originalHeight=window.screen.height),s()})}),p=()=>{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`)},w=s=>{if(!e.autoScale)return;const d=n.value.clientWidth,v=n.value.clientHeight,_=document.body.clientWidth,z=document.body.clientHeight;n.value.style.transform=`scale(${s},${s})`;let f=Math.max((_-d*s)/2,0),x=Math.max((z-v*s)/2,0);typeof e.autoScale=="object"&&(!e.autoScale.x&&(f=0),!e.autoScale.y&&(x=0)),n.value.style.margin=`${x}px ${f}px`},m=()=>{const s=document.body.clientWidth;let d=document.body.clientHeight;s<3e3&&(d=d-10);const v=t.width||t.originalWidth,_=t.height||t.originalHeight,z=s/+v,f=d/+_;if(e.fullScreen)return n.value.style.transform=`scale(${z},${f})`,!1;let x=Math.min(z,f);s<3e3?(x=f,t.isScroll=!0,r.box["overflow-x"]="auto"):(t.isScroll=!1,r.box.overflow="hidden"),w(x)},g=Nt(()=>Z(this,null,function*(){yield a(),p(),m()}),e.delay),$=()=>{(t.observer=new MutationObserver(()=>{g()})).observe(n.value,{attributes:!0,attributeFilter:["style"],attributeOldValue:!0})},M=s=>{s.pageY<=30?t.showTop=!0:t.showTop=!1};A(()=>{Y(()=>Z(this,null,function*(){yield a(),p(),m(),window.addEventListener("resize",g),window.addEventListener("mousemove",M),$()}))}),rt(()=>{var s;window.removeEventListener("resize",g),window.removeEventListener("mousemove",M),(s=t.observer)==null||s.disconnect()});const I=()=>{Y(()=>{var s;(s=i.value)==null||s.scrollTo({left:0,behavior:"smooth"})})},W=()=>{Y(()=>{var s,d,v;(v=i.value)==null||v.scrollTo({left:((d=(s=i.value)==null?void 0:s.scrollWidth)!=null?d:0)/2-document.body.clientWidth/2,behavior:"smooth"})})},j=()=>{Y(()=>{var s,d;(d=i.value)==null||d.scrollTo({left:(s=i.value)==null?void 0:s.scrollWidth,behavior:"smooth"})})},O=B(t,"showTop"),l=B(t,"isScroll");return{screenWrapper:n,styles:r,isScroll:l,showTop:O,screenRef:i,handleScrollLeft:I,handleScrollCenter:W,handleScrollRight:j}}}),Et={key:0,class:"fixed topTool border border-[#396684] bg-[#1c2c34cc] top-0 z-99999 flex text-white py-4px px-10px"};function Ft(e,t,i,r,n,a){return H(),E("div",null,[h(ht,{name:"slide"},{default:K(()=>[e.isScroll?lt((H(),E("div",Et,[u("div",{class:"px-10px cursor-pointer",onClick:t[0]||(t[0]=(...p)=>e.handleScrollLeft&&e.handleScrollLeft(...p))},"\u5DE6"),u("div",{class:"px-10px cursor-pointer",onClick:t[1]||(t[1]=(...p)=>e.handleScrollCenter&&e.handleScrollCenter(...p))},"\u4E2D"),u("div",{class:"px-10px cursor-pointer",onClick:t[2]||(t[2]=(...p)=>e.handleScrollRight&&e.handleScrollRight(...p))},"\u53F3")],512)),[[dt,e.showTop]]):ct("",!0)]),_:1}),u("section",{ref:"screenRef",style:F(T(T({},e.styles.box),e.boxStyle)),class:"v-screen-box"},[u("div",{style:F(T(T({},e.styles.wrapper),e.wrapperStyle)),class:"screen-wrapper",ref:"screenWrapper"},[ut(e.$slots,"default",{},void 0,!0)],4)],4)])}var qt=G(Bt,[["render",Ft],["__scopeId","data-v-713b1ac6"]]),Qt=300,k=3120,P=760,U=0,V=0,At=150,y=function(e){return e*Math.PI/180},R=function(){return Math.sin(Math.floor(Math.random()*360)*Math.PI/180)},o={obj:{x:U,y:V,z:At},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:k/2,y:P/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(y(t.x))-e.z*Math.sin(y(t.x)),z:e.y*Math.sin(y(t.x))+e.z*Math.cos(y(t.x))}},y:function(e,t){return{x:e.x*Math.cos(y(t.y))+e.z*Math.sin(y(t.y)),y:e.y,z:-e.x*Math.sin(y(t.y))+e.z*Math.cos(y(t.y))}},z:function(e,t){return{x:e.x*Math.cos(y(t.z))-e.y*Math.sin(y(t.z)),y:e.x*Math.sin(y(t.z))+e.y*Math.cos(y(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 Gt{constructor(t){C(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 Kt{constructor(t){C(this,"add",function(){this.varr.push(new Gt({vtx:{x:R(),y:R(),z:R()},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()})});C(this,"upd",function(){o.obj.x+=(this.toX-o.obj.x)*.05,o.obj.y+=(this.toY-o.obj.y)*.05});C(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()}}});C(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)});C(this,"run",function(){this.anim(),this.toX=-69.6,this.toY=23.6});this.canvas=pt(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=k,this.canvas.height=P,this.$=canv.getContext("2d"),this.$.globalCompositeOperation="source-over",this.varr=[],this.dist=[],this.calc=[];for(var t=0,i=Qt;t<i;t++)this.add();this.rotObj={x:0,y:0,z:0},this.objSz={x:k/5,y:P/5,z:k/5}}}const Ut=mt().format("YYYY-MM-DD HH:mm:ss");localStorage.removeItem("warning_id");const Vt=Q({components:{[q.name]:q,Map:nt,ScaleScreen:qt,DXJG:St,DXCY:$t,DZWZ:It,DXLX:Ct,NYQK:Ot,NCZQS:Tt,CZNYCY:Dt,JK:Yt,SBYXZT:Xt,QXSZ:Zt,SZJCSJ:kt,TRJCSJ:Jt,Head:Wt,Footer:jt,MapModal:Rt,LeftModal:Ht,RightModal:Pt},setup(){const e=S(null),t=S(!1),i=zt(),r=X({baseId:S(""),baseData:X({}),leftType:""}),n=X({}),a=ft(()=>t.value?10:0);function p(){return Z(this,null,function*(){var _,z;const l=(z=(_=localStorage.getItem("warning_id"))==null?void 0:_.split(","))!=null?z:[],{data:s}=yield Mt({per_page:10,page:1,start_time:Ut}),d=s.filter(f=>l.findIndex(x=>f.id==x)<0),v=l.concat(d.reduce((f,x)=>(f.push(x.id),f),[]));localStorage.setItem("warning_id",v.join(",")),d.forEach((f,x)=>{w(f,10+x*1)})})}const w=(l,s=4.5)=>{_t.warning({message:l.base_name,duration:s,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:l.point_name+"\uFF1A"+l.content})},m=()=>{document.body.clientWidth<3e3?t.value=!0:t.value=!1},g=vt(()=>{m()},500);Lt({rootEmitter:i});let $=null,M=null,I=null;const W=S(!1),j=S(!1),O=S(!1);return A(()=>{m(),window.addEventListener("resize",g),$=setInterval(()=>{p(),i.emit("interval:auto")},1e3*60),M=setInterval(()=>i.emit("interval:tab"),1e3*30),I=setInterval(()=>i.emit("interval:tab1"),1e3*10),new Kt(e).run()}),xt(()=>{p(),i.on("leftModel:click",l=>{r.leftType=l,j.value=!0}),i.on("rightModel:click",l=>{n.base_id=l.base_id,n.desList=l.desList,n.device_type=l.device_type,n.base_name=l.baseName,O.value=!0}),i.on("map:click",()=>{}),i.on("base:click",l=>{r.baseId=l.id,r.baseData=l,W.value=!0})}),yt(()=>{$&&clearInterval($),M&&clearInterval(M),I&&clearInterval(I)}),N(T({rightParmas:n,cavsRef:e},gt(r)),{addW:a,isScroll:t,visibleMapModal:W,leftMapModal:j,rightMapModal:O})}}),te={class:"flex flex-col h-full bg-img relative visualization\u2014xx"},ee={class:"absolute left-0 top-0 w-full h-full overflow-hidden",ref:"cavsRef",id:"canv"},oe={class:"flex flex-col h-full w-full z-100"},ie={class:"flex"},se={class:"grid grid-cols-2 gap-x-10px gap-y-10px"},ae={class:"flex-1 flex mx-10px justify-between bg-[#03293f] bg-opacity-55"},ne={class:"bg-gradient-to-l from-transparent to-[#10272f50] px-10px"},re={class:"flex-1"},le={class:"bg-gradient-to-r from-transparent to-[#10272f50] px-10px"},de={class:"flex"},ce={class:"mr-10px"},he={class:""};function ue(e,t,i,r,n,a){const p=c("Head"),w=c("DXJG"),m=c("DXCY"),g=c("DXLX"),$=c("DZWZ"),M=c("NYQK"),I=c("NCZQS"),W=c("Map"),j=c("CZNYCY"),O=c("JK"),l=c("SBYXZT"),s=c("QXSZ"),d=c("SZJCSJ"),v=c("TRJCSJ"),_=c("Footer"),z=c("MapModal"),f=c("LeftModal"),x=c("RightModal"),tt=c("ScaleScreen");return H(),bt(tt,{boxStyle:{background:"#020603"},width:3120,height:760,autoScale:!0},{default:K(()=>[u("div",te,[u("canvas",ee,null,512),u("div",oe,[h(p),u("div",{class:wt(["flex-1 flex justify-between",e.isScroll?"px-14px":"px-10px"])},[u("div",ie,[u("div",se,[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(g,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"]),h($,{width:`${e.addW+440}px`,height:"353px"},null,8,["width"])])]),u("div",ae,[u("div",ne,[h(M),h(I,{class:"mt-20px"})]),u("div",re,[h(W)]),u("div",le,[h(j)])]),u("div",de,[u("div",ce,[h(O,{width:`${e.addW+440}px`,height:"390px"},null,8,["width"]),h(l,{class:"mt-10px",width:`${e.addW+440}px`,height:"314px"},null,8,["width"])]),u("div",he,[h(s,{width:`${e.addW+440}px`,height:"204px"},null,8,["width"]),h(d,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"]),h(v,{class:"mt-10px",width:`${e.addW+440}px`,height:"245px"},null,8,["width"])])])],2),h(_)])]),h(z,{visible:e.visibleMapModal,"onUpdate:visible":t[0]||(t[0]=D=>e.visibleMapModal=D),footer:null,baseId:e.baseId,baseData:e.baseData},null,8,["visible","baseId","baseData"]),h(f,{visible:e.leftMapModal,"onUpdate:visible":t[1]||(t[1]=D=>e.leftMapModal=D),footer:null,type:e.leftType},null,8,["visible","type"]),h(x,{visible:e.rightMapModal,"onUpdate:visible":t[2]||(t[2]=D=>e.rightMapModal=D),footer:null,parmas:e.rightParmas},null,8,["visible","parmas"])]),_:1})}var uo=G(Vt,[["render",ue],["__scopeId","data-v-5a08f6b0"]]);export{uo as default};
|