ship.c57e16ca.js 7.3 KB

1
  1. import{u as le,r as A,an as F,a8 as ie,P as oe,L as ce,M as re,g as o,o as I,h as P,i as c,w as p,m as s,k as r,z as ue,B as de,j as pe,t as u,N as _,Z as ve,_ as me}from"./vendor.5f04cee5.js";import{f as x,T as k,X as C,M as he,V as _e,F as L,S as G,I as X,s as fe,a as U,b as B,P as Q,c as ge,d as D}from"./ship_tblr.71d4ba3c.js";import{_ as Se,s as we,b as Ae,c as xe}from"./index.ede965c9.js";var Me="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAvCAYAAADjNOpjAAACsUlEQVRIie2W3UtTYRzHv79tuqN43Oo0X2q56ZzikmxI5qDoRXcRgUSF0E0S1E3SRV11EyYF0XXRVVD/QP9ORBF4USANc2c6dc7z/OQ509x502PRRbDvzXn7PR++v5fn8BDqlOqKwSFRBYQR4MHp1/T142MwVxAMA2BL5LfFgnkNOAl1CgRAP4vgwetPN+fePeChW3NU0IEAeS7xdkgElHWAgp3VJwuLPBwDfVpG06vESVQr39EWBXjPpQ+HDCpVYORfvOd0DPQF4NQRGPmXH2hlU9bCPSl33wTSl8A9yVFx5dFVWq5F0i9AXJqd4ERqnIpLADmXezgUwJqAcfHZG5ZVWNkpzirAxwDj8vO3WJfpbvkBEqi0DE70jopzM+PS1e8o6XIJEGO3s9yXzpEurdMBQPm9bMA4OzvPnfLe9n0NkK7F2MN5mYWN5wLc0MGa2iWyd6+ZqdojArUSGGdm8twRjWO9uA9QNqNYAQ/fuM/Jo6CSsyBmWAngnnaIzM17pG9ammMFsmG+EZnpOwg6NkNdXK00fGp6phZX9QCuFcHH48MiNdlvuvPaEASQDoj+iSSfSGZR3kvbAqRVA6J3Yoo7m4F1D9iuNmRzghB9k1NU3htyR1M4cX4STZ4bwaqQjL+Qr39nAbIaauF4LofKPunaXcZzYxxpbnN3qPWPcEdGoYPS3ZGM41i6CdpA1t2hNnCaVQKqHgS7qjIruR0HRzyA6QwUAIZPoKxz2Fw35A6MJnrNuTqM5DxGk32uQKjd3b66a3epdne5A1s17U+A3KJFXYEcjqi+67cr+UtUVI+xCSlhOiSQZEZBJewOJPIzzlaxdZ1t67HX/8UP1g3492oAG8AGsAFsAP8RMGR5UiLtaHU93HtLxisR1RVIhc8/oGy1Ow7qBwCpsCBP4/+DAGwDcnnbZDDA4J8AAAAASUVORK5CYII=";const v=f=>(ve("data-v-752bee1b"),f=f(),me(),f),ye={class:"padding-lr-sm"},Ee={class:"head-container"},Ie={class:"head-container",style:{height:"calc(100vh - 126px)","overflow-y":"auto"}},Le=v(()=>s("div",{id:"map",style:{height:"calc(100vh - 84px)",width:"100%"}},null,-1)),Re={style:{position:"absolute",left:"0.5em",top:"0.5em"}},Ve={slot:"header",class:"clearfix bg-blue padding-sm"},Te={style:{padding:"10px 20px"}},be={class:"text item"},Oe=v(()=>s("span",{class:"text-blue"},"\u7ECF\u5EA6\uFF1A",-1)),Ne={class:"text item",style:{padding:"5px 0"}},Fe=v(()=>s("span",{class:"text-blue"},"\u7EAC\u5EA6\uFF1A",-1)),Pe={class:"text item"},ke=v(()=>s("span",{class:"text-blue"},"\u822A\u901F\uFF1A",-1)),Ce={class:"text item"},Ge=v(()=>s("span",{class:"text-blue"},"\u5403\u6C34\uFF1A",-1)),Xe={class:"text item",style:{padding:"5px 0"}},Ue=v(()=>s("span",{class:"text-blue"},"\u8239\u824F\u5411\uFF1A",-1)),Be={setup(f){const i=le();let l=A(null),g=A(null);const q=F({center:x([118.26718,22.45402]),zoom:14,minZoom:2,maxZoom:18});let z=xe(),R=null,M=[],y=!1,m={},S=null;const V=A(""),h=A([]),H=F({nowShip:{mmsi:"",name:"-----",lon:"-----",lat:"-----",hdg:"-----",sog:"-----"},hisShip:{},showHis:!1}),{nowShip:a,showHis:Qe}=ie(H),Z=function(e){E(e)},Y=function(e){if(e=="")h.value=M;else{let t=[];M.forEach(n=>{JSON.stringify(n).indexOf(e)!=-1&&t.push(n)}),h.value=t}},E=function(e){if(a.value.mmsi!=e){let t=h.value;for(let n=0;n<t.length;n++)if(t[n].mmsi==e){a.value=t[n],O(a.value);break}}},W=function(){let e=document.getElementById("map");for(;e.firstChild;)e.removeChild(e.firstChild);l.value!=null&&l.value.clear();const t=new k({visible:!0,source:new C({url:"https://t1.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=317e52a409b6b382957e09003ee7e235"}),isGroup:!0,name:"\u5929\u5730\u56FE\u8DEF\u7F51"}),n=new k({visible:!0,source:new C({url:"https://t3.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=317e52a409b6b382957e09003ee7e235"}),isGroup:!0,name:"\u5929\u5730\u56FE\u6587\u5B57\u6807\u6CE8"});l.value=new he({layers:[t,n],view:new _e(q),target:"map"});var d=new L({});d.setStyle(T(d)),g.value=new U({features:[d]}),S!=null&&l.value.removeLayer(S),S=new B({source:g.value}),l.value.addLayer(S)},T=function(e){return new G({image:new X({anchor:e.values_==null?[0,0]:e.values_.anchor==null?[.5,.98]:e.values_.anchor,anchorOrigin:"top-right",src:fe,rotation:(e.values_==null||e.values_.cog==null?0:e.values_.cog)*(Math.PI/180)})})},J=function(e){var t=new L({geometry:new Q(x(e.ol)),name:e.name,key:e.mmsi,cog:e.hdg,anchor:e.anchor});t.setStyle(K(t)),m[e.mmsi]=new B({source:new U({features:[t]})}),l.value.addLayer(m[e.mmsi])},K=function(e){return new G({image:new X({anchor:e.values_==null?[0,0]:e.values_.anchor==null?[.5,1]:e.values_.anchor,anchorOrigin:"top-right",src:Me,rotation:(e.values_==null||e.values_.cog==null?0:e.values_.cog)*(Math.PI/180)}),text:new ge({textAlign:"center",font:"10px \u5FAE\u8F6F\u96C5\u9ED1",offsetX:0,offsetY:16,text:e.get("name"),fill:new D({color:"#000"}),backgroundFill:new D({color:"rgba(255, 255, 255, 0.8)"}),padding:[2,4,2,4]})})},b=function(){we(z.toString()).then(e=>{if(e.data!=null){let t="";e.data!=null?(t=e.data,localStorage.setItem("Histroy-List",t)):localStorage.getItem("Histroy-List")!=null&&localStorage.getItem("Histroy-List")!=null?t=localStorage.getItem("Histroy-List"):t="";let n=Ae(t);a.value=n[0],j(n)}})},j=function(e){e.forEach(t=>{m[t.mmsi]!=null&&(m[t.mmsi].getSource().clear(),l.value.removeLayer(m[t.mmsi])),J(t)}),i.state.data.shipList=e,i.state.data.curShipMMsi==null&&(i.state.data.curShipMMsi="413859981"),a.value=e.filter(t=>t.mmsi==i.state.data.curShipMMsi)[0],i.state.data.curShipMMsi=a.value.mmsi,i.state.data.curShipSn=a.value.sn,i.state.data.curShipDevice=a.value.device,h.value=e,M=e,y||(y=!0,O(a.value))},O=function(e){g.value.clear();var t=new L({geometry:new Q(x(e.ol)),cog:e.hdg,anchor:e.anchor});t.setStyle(T(t)),g.value.addFeature(t),l.value.getView().animate({center:x(a.value.ol),duration:1e3}),hisShip.value=a.value,i.state.data.curShipMMsi=a.value.mmsi,i.state.data.curShipSn=a.value.sn,i.state.data.curShipDevice=a.value.device},$=function(){l.value&&l.value.on("click",function(e){if(!!l.value){var t=l.value.forEachFeatureAtPixel(e.pixel,function(n,d){return n});t!=null&&E(t.values_.key)}})};return oe([()=>i.state.data.curShipMMsi],([e])=>{E(e)}),ce(()=>{W(),y=!1,setTimeout(()=>{b(),R=setInterval(()=>{b()},30*1e3),$()},100)}),re(()=>{clearInterval(R)}),(e,t)=>{const n=o("el-input"),d=o("svg-icon"),ee=o("el-menu-item"),te=o("el-menu"),N=o("el-col"),ae=o("el-card"),se=o("el-row");return I(),P("div",ye,[c(se,{gutter:20},{default:p(()=>[c(N,{span:3,xs:24},{default:p(()=>[s("div",Ee,[c(n,{placeholder:"\u8BF7\u8F93\u5165\u8239\u8236\u540D\u79F0",clearable:"","prefix-icon":"Search",style:{"margin-top":"10px"},onInput:Y,modelValue:V.value,"onUpdate:modelValue":t[0]||(t[0]=w=>V.value=w)},null,8,["modelValue"])]),s("div",Ie,[c(te,{"default-active":""+r(a).mmsi,onSelect:Z},{default:p(()=>[(I(!0),P(ue,null,de(h.value,(w,ne)=>(I(),pe(ee,{index:""+w.mmsi,key:ne},{title:p(()=>[c(d,{"icon-class":"ship",class:"text-blue"}),s("span",null,u(w.name),1)]),_:2},1032,["index"]))),128))]),_:1},8,["default-active"])])]),_:1}),c(N,{span:21,xs:24,style:{position:"relative",padding:"0"}},{default:p(()=>[Le,s("div",Re,[c(ae,{class:"box-card","body-style":{width:"200px",padding:"0px !important"}},{default:p(()=>[s("div",Ve,[s("span",null,u(r(a).name),1)]),s("div",Te,[s("div",be,[Oe,_(u(r(a).lon),1)]),s("div",Ne,[Fe,_(u(r(a).lat),1)]),s("div",Pe,[ke,_(u(r(a).sog)+" \u8282",1)]),s("div",Ce,[Ge,_(u(r(a).draught)+" m",1)]),s("div",Xe,[Ue,_(u(r(a).hdg)+" \xB0",1)])])]),_:1})])]),_:1})]),_:1})])}}};var He=Se(Be,[["__scopeId","data-v-752bee1b"]]);export{He as default};