Home Explore Help
Register Sign In
YQ-August
/
yzHY
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 43c8365bd3
Branches Tags
yzHY
/
YH改航行状态
/
assets
/
ship.fafd7598.js

ship.fafd7598.js 5.7 KB
History Raw

1 
  1. import{f,T as I,X as M,M as j,V as ee,F as k,S as R,I as V,s as te,a as A,b as C,P as F,c as ae,d as O}from"./ship_tblr.71d4ba3c.js";import{r as g,an as z,a8 as N,P as se,L as ne,g as W,o as w,h as y,m as s,i as X,w as oe,t as i,k as o,N as p,q as P,z as le,B as ie,l as ce,n as re,Z as ue,_ as de}from"./vendor.5f04cee5.js";import{_ as me}from"./index.bcf1e261.js";var ve="./assets/bigship.a2598890.png";const r=u=>(ue("data-v-1fb34512"),u=u(),de(),u),pe=r(()=>s("div",{id:"map",style:{height:"calc(100vh - 4.6em)",width:"100%"}},null,-1)),_e={style:{position:"absolute",left:"0.5em",top:"0.5em","font-size":"1em"}},he={slot:"header",class:"clearfix bg-blue",style:{padding:"0.29em"}},fe={style:{padding:"0.58em 0.29em"}},ge={class:"text item"},we=r(()=>s("span",{class:"text-blue"},"\u7ECF\u5EA6\uFF1A",-1)),ye={class:"text item",style:{padding:"0.29em 0"}},be=r(()=>s("span",{class:"text-blue"},"\u7EAC\u5EA6\uFF1A",-1)),xe={class:"text item"},Se=r(()=>s("span",{class:"text-blue"},"\u822A\u901F\uFF1A",-1)),ke={class:"text item",style:{padding:"0.29em 0"}},Le=r(()=>s("span",{class:"text-blue"},"\u8239\u824F\u5411\uFF1A",-1)),Te={class:"text item"},Ee=r(()=>s("span",{class:"text-blue"},"\u72B6\u6001\uFF1A",-1)),Ie={class:"shipSel"},Me={key:0,class:"select-dropdown"},Re=["onClick"],Ve={props:{shipLi:{type:Array,default:[]}},emits:["update"],setup(u,{emit:Y}){const B=u;let l=g(null);const b=g(5),x=g(16);let d={},S=!1,_=g(null);const G=z({center:f([118.26718,22.45402]),zoom:12,minZoom:2,maxZoom:18}),Z=z({nowShip:{mmsi:413859981,name:"-----",lon:"-----",lat:"-----",hdg:"-----",sog:"-----",navistat:9},selVis:!1}),{nowShip:n,selVis:m}=N(Z),Q=function(e){let t="";switch(parseInt(e)){case 0:t="\u5728\u822A(\u4E3B\u673A\u63A8\u52A8)";break;case 1:t="\u951A\u6CCA";break;case 2:t="\u5931\u63A7";break;case 3:t="\u64CD\u7EB5\u53D7\u9650";break;case 4:t="\u5403\u6C34\u53D7\u9650";break;case 5:t="\u9760\u6CCA";break;case 6:t="\u6401\u6D45";break;case 7:t="\u6355\u635E\u4F5C\u4E1A";break;case 8:t="\u9760\u5E06\u8239\u63D0\u4F9B\u52A8\u529B";break;default:t="\u5176\u4ED6";break}return t},U=function(e){m.value=!1,L(e)},L=function(e){if(n.value.mmsi!=e){let t=h.value;for(let a=0;a<t.length;a++)if(t[a].mmsi==e){n.value=t[a],E(n.value);break}}},$=function(){const e=new I({visible:!0,source:new M({url:"https://t5.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=317e52a409b6b382957e09003ee7e235"}),isGroup:!0,name:"\u5929\u5730\u56FE\u8DEF\u7F51"}),t=new I({visible:!0,source:new M({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 j({layers:[e,t],view:new ee(G),target:"map"});var a=new k({});a.setStyle(T(a)),_.value=new A({features:[a]});var c=new C({source:_.value});l.value.addLayer(c)},T=function(e){return new R({image:new V({anchor:e.values_==null?[0,0]:e.values_.anchor==null?[.5,.98]:e.values_.anchor,anchorOrigin:"top-right",src:te,scale:b.value*.23,rotation:(e.values_==null||e.values_.cog==null?0:e.values_.cog)*(Math.PI/180)})})},q=function(e){var t=new k({geometry:new F(f(e.ol)),name:e.name,key:e.mmsi,cog:e.hdg,anchor:e.anchor});t.setStyle(D(t)),d[e.mmsi]=new C({source:new A({features:[t]})}),l.value.addLayer(d[e.mmsi])},D=function(e){return new R({image:new V({anchor:e.values_==null?[0,0]:e.values_.anchor==null?[.5,1]:e.values_.anchor,anchorOrigin:"top-right",src:ve,scale:b.value*.033,rotation:(e.values_==null||e.values_.cog==null?0:e.values_.cog)*(Math.PI/180)}),text:new ae({textAlign:"center",font:x.value*.85+"px \u5FAE\u8F6F\u96C5\u9ED1",offsetX:0,offsetY:16,text:e.get("name"),fill:new O({color:"#000"}),backgroundFill:new O({color:"rgba(255, 255, 255, 0.8)"}),padding:[2,4,2,4]})})},E=function(e){_.value.clear(),Y("update",n.value);var t=new k({geometry:new F(f(e.ol)),cog:e.hdg,anchor:e.anchor});t.setStyle(T(t)),_.value.addFeature(t),l.value.getView().animate({center:f(n.value.ol),duration:1e3})},H=function(){l.value&&l.value.on("click",function(e){if(!!l.value){var t=l.value.forEachFeatureAtPixel(e.pixel,function(a,c){return a});t!=null&&L(t.values_.key)}})},J=function(){let e=h.value;e.forEach(a=>{d[a.mmsi]!=null&&(d[a.mmsi].getSource().clear(),l.value.removeLayer(d[a.mmsi])),q(a)});let t=n.value.mmsi;if(t!=""){let a=e.findIndex((c,v)=>c.mmsi==t);a!=-1?n.value=e[a]:n.value=e[0]}else n.value=e[0];S||(S=!0,E(n.value))},{shipLi:h}=N(B);return se(h,e=>{J()},{deep:!0}),ne(()=>{let e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;b.value=Math.ceil(e/320),x.value=e/1440*14,$(),S=!1,setTimeout(()=>{H()},100)}),(e,t)=>{const a=W("el-card"),c=W("el-icon");return w(),y("div",{style:re("position: relative;font-size: "+x.value+"px;")},[pe,s("div",_e,[X(a,{class:"box-card","body-style":{width:"11.3em",padding:"0px !important"}},{default:oe(()=>[s("div",he,[s("span",null,i(o(n).name),1)]),s("div",fe,[s("div",ge,[we,p(i(o(n).lon),1)]),s("div",ye,[be,p(i(o(n).lat),1)]),s("div",xe,[Se,p(i(o(n).sog)+" \u8282",1)]),s("div",ke,[Le,p(i(o(n).hdg)+" \xB0",1)]),s("div",Te,[Ee,p(i(Q(o(n).navistat)),1)])])]),_:1},8,["body-style"])]),s("div",Ie,[s("div",{class:"inpu",onClick:t[0]||(t[0]=v=>m.value=!o(m))},[s("span",null,i(o(n).name),1),X(c,{class:P(["el-sub-menu__icon-arrow",o(m)?"act":""])},null,8,["class"])]),o(m)?(w(),y("div",Me,[s("ul",null,[(w(!0),y(le,null,ie(o(h),(v,K)=>(w(),y("li",{key:K,onClick:Ae=>U(v.mmsi),class:P(["select-item",v.mmsi==o(n).mmsi?"act":""])},i(v.name),11,Re))),128))])])):ce("",!0)])],4)}}};var ze=me(Ve,[["__scopeId","data-v-1fb34512"]]);export{ze as default};
    2.