| 1 |
- import{u as X,r as h,_ as R,P as Z,L as U,Q as ee,o,h as p,m as e,q as G,k as t,n as T,f as fe,ad as _e,M as me,g as j,i as a,w as _,X as ge,z as P,B as K,t as y,j as x,N as v,l as Y,V as pe,W as ye}from"./vendor.0bc3c1d4.js";import{i as te}from"./index.d9e7ec81.js";import xe from"./ship.9dbc33ad.js";import be from"./cab.48434ebc.js";import we from"./host.8dea9c23.js";import Se from"./engine.0f99a5d3.js";import je from"./video.752662d4.js";import{g as Ce}from"./exhibit.332ee2ba.js";import{_ as Le,s as ze,b as Be,c as Ie}from"./index.b54ecd6f.js";import{y as Ne}from"./yhTitle.43c5e8a2.js";import{s as ke,o as Oe,i as De,a as He}from"./offline.3d8f519e.js";import"./Map.e82b79a7.js";import"./DashChart.0488f89d.js";/* empty css */import"./diancBg.68b61e4a.js";/* empty css *//* empty css */import"./ezuikit.e07c3a91.js";import"./crypto.ba623db0.js";const se={props:{height:{type:String,default:"100%"},width:{type:String,default:"100%"},name:{type:String,default:"echart"},data:{type:Object,default:()=>({name:"name",data:[{name:"",value:0},{name:"",value:0},{name:"",value:0},{name:"",value:0},{name:"",value:0}]})}},setup(g){const m=g;X();var c;const i=h(5),{height:B,name:C,data:b}=R(m);Z(b,n=>{c!=null&&(c.setOption(w(n)),c.resize())},{deep:!0});const w=function(n){return{tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c}\u8258 ({d}%)",textStyle:{fontSize:i.value*1.2}},legend:{show:!0,itemWidth:i.value*.8,itemHeight:i.value*.8,right:"3%",y:"center",itemGap:i.value,orient:"vertical",textStyle:{color:"#fff",fontSize:i.value*.86}},color:["#4f6dcd","#fad972","#f88582","#3ae3bc","#9299f3"],series:[{name:n.name,type:"pie",roseType:"radius",radius:["50%","60%"],center:["40%","50%"],data:n.data,animationEasing:"cubicInOut",animationDuration:1e3,label:{normal:{show:!0,textStyle:{color:"#fff",fontSize:i.value},formatter:"{d}%"}},itemStyle:{borderRadius:i.value*.34,borderWidth:i.value*.14,labelLine:{show:!0}}}]}};return U(()=>{let n=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;i.value=Math.ceil(n/320),ee(()=>{c=te(document.getElementsByClassName(C.value)[0]),c.setOption(w(b.value))})}),(n,L)=>(o(),p("div",null,[e("div",{class:G(t(C)),style:T(["height:"+t(B)+";width:"+g.width,{margin:"auto"}])},null,6)]))}},We={props:{height:{type:String,default:"100%"},name:{type:String,default:"echart"},data:{type:Object,default:()=>({name:"name",xAxis:[1,2,2,3],value:[4,5,6,8],unit:"%"})}},setup(g){const m=g;X();var c=null;const i=h(5);h(16);const{height:B,name:C,data:b}=R(m);Z([b,B],([n,L])=>{c!=null&&(c.setOption(w(n)),c.resize())},{deep:!0});const w=function(n){return{tooltip:{trigger:"axis",axisPointer:{type:"cross"},formatter:"{b}\u5E74 : {c}\u8258",textStyle:{fontSize:i.value*1.2}},grid:{top:"7%",left:"1%",right:"2%",bottom:"2%",containLabel:!0},xAxis:{type:"category",boundaryGap:!0,splitLine:{show:!0,lineStyle:{color:"#29437c"}},axisLabel:{color:"#fff",fontSize:i.value*1.2,showMaxLabel:!0},data:n.xAxis},yAxis:{type:"value",axisLabel:{fontSize:i.value*1.2,color:"#5f6ee1",showMaxLabel:!0},axisLine:{show:!0,lineStyle:{color:["#5f6ee1"]}},splitLine:{show:!0,lineStyle:{color:["#29437c"]}}},series:[{data:n.value,type:"line",label:{show:!0,position:"top",fontSize:i.value*1.2,color:"#fff"},symbolSize:i.value*.4,itemStyle:{color:"#5f6ee1"},lineStyle:{width:i.value*.2,color:"#5f6ee1"}}]}};return U(()=>{let n=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;i.value=Math.ceil(n/320),ee(()=>{c=te(document.getElementsByClassName(C.value)[0]),c.setOption(w(b.value))})}),(n,L)=>(o(),p("div",null,[e("div",{class:G(t(C)),style:T(["height:"+t(B),{margin:"auto"}])},null,6)]))}};const r=g=>(pe("data-v-0c80573a"),g=g(),ye(),g),Te={class:"grid-content",style:{height:"100%"}},Me={style:{height:"24%"}},$e={class:"tltleBg",ref:"titleDiv"},Ee={class:"shipCount flex justify-between"},Ae={style:{width:"48%"}},Fe={style:{width:"52%"}},Je={style:{color:"#2be4ff"}},Ve={style:"font-weight:bold;color: #386eff;"},Re={style:{height:"32%"}},Ue=r(()=>e("div",{class:"tltleBg"},"\u8239\u8236\u8239\u5458\u7EDF\u8BA1",-1)),Ge={class:"flex shipPeople justify-between"},Pe={style:{width:"35%"},ref:"guanDiv"},Ke=r(()=>e("div",{class:"spTit"},"\u8239\u51B5",-1)),Ye={style:{width:"35%"}},qe={class:"spTit"},Qe=r(()=>e("div",{style:{width:"28%"}},[e("div",{style:{padding:"0.19em 0.29em"}},"\u4EBA\u6570\u7EDF\u8BA1"),e("div",{style:{height:"calc(100% - 1.8em)","font-size":"0.51em"},class:"text-center"},[e("div",{class:"flex align-center",style:{height:"31%",width:"100%"}},[e("div",{class:"flex-sub"},"\u5728\u8239\u4EBA\u6570"),e("div",{class:"flex-sub",style:{"font-size":"1em","font-weight":"bold",color:"#51a3f4"}},"297")]),e("div",{class:"flex align-center",style:{height:"31%",width:"100%"}},[e("div",{class:"flex-sub"},"\u9884\u8B66\u4EBA\u6570"),e("div",{class:"flex-sub",style:{"font-size":"1em","font-weight":"bold",color:"#fbbd08"}},"7")]),e("div",{class:"flex align-center",style:{height:"31%",width:"100%"}},[e("div",{class:"flex-sub"},"\u8D85\u8F7D\u4EBA\u6570"),e("div",{class:"flex-sub",style:{"font-size":"1em","font-weight":"bold",color:"#fa0000"}},"10")])])],-1)),Xe={style:{height:"44%"}},Ze=r(()=>e("div",{class:"tltleBg"},"\u6570\u636E\u5206\u6790",-1)),et={class:"flex justify-between"},tt={class:"modelBg",style:{width:"49.5%"}},st={class:"flex align-center text-center",style:{padding:"0.19em 0.29em"}},it=r(()=>e("div",{class:"flex-sub"},"\u6392\u884C",-1)),lt=r(()=>e("div",{class:"flex-treble"},"\u8239\u540D",-1)),nt={class:"flex-twice flex align-center"},ot=r(()=>e("div",null,"\u91CC\u7A0B",-1)),at={class:"flex-twice flex align-center"},ct=r(()=>e("div",null,"\u6CB9\u8017",-1)),dt={class:"flex-twice flex align-center"},rt=r(()=>e("div",null,"\u65F6\u957F",-1)),ut={style:{"overflow-y":"auto",height:"calc(100% - 4.4em)","font-size":"0.51em"}},ht={class:"flex-sub"},vt={class:"flex-treble"},ft={class:"flex-twice"},_t=r(()=>e("span",{style:{"font-size":"0.8em"}},"KM",-1)),mt={class:"flex-twice"},gt=r(()=>e("span",{style:{"font-size":"0.8em"}},"KG",-1)),pt={class:"flex-twice"},yt=r(()=>e("span",{style:{"font-size":"0.8em"}},"H",-1)),xt={class:"modelBg",ref:"lineDiv",style:{width:"49.5%",height:"100%"}},bt={style:{padding:"0.19em 0.29em"},ref:"txtDiv"},wt={class:"grid-content modelBg",style:{height:"100%",padding:"0.29em"}},St={class:"grid-content",style:{height:"100%"}},jt={style:{height:"42%"},class:"flex justify-between"},Ct={style:{width:"59.5%"}},Lt=r(()=>e("div",{class:"tltleBg"},"\u5B9E\u65F6\u89C6\u9891",-1)),zt={class:"modelBg",style:{"margin-top":"0.29em"}},Bt=r(()=>e("div",{style:{width:"39.5%"}},[e("div",{class:"tltleBg"},"\u8239\u8236\u52A8\u6001"),e("div",{class:"modelBg shipAis"},[e("div",null,[v("\u5728\u8239\u4EBA\u6570 "),e("span",null,"3"),v(" \u4EBA")]),e("div",null,[v("\u5B9E\u65F6\u822A\u901F "),e("span",null,"15"),v(" nm/h")]),e("div",null,[v("\u5B9E\u65F6\u822A\u5411 "),e("span",null,"120"),v(" \u5EA6")]),e("div",null,[v("\u7D2F\u8BA1\u5DE5\u65F6 "),e("span",null,"100"),v(" h")]),e("div",null,[v("\u7D2F\u8BA1\u91CC\u7A0B "),e("span",null,"1000"),v(" nm")])])],-1)),It={style:{height:"calc(58% - 0.42em)","margin-top":"0.29em","font-size":"0.9em"},ref:"carDiv",class:"modelBg"},Nt={class:"flex justify-center",ref:"carTit"},kt=["onClick"],Ot={setup(g){const{proxy:m}=ge(),c=h([]),i=h([]);let B=Ie();h(null);const C=h(0),b=h(5),w=h(),n=h(),L=h(),M=h(),H=h(),z=fe(()=>[{name:"\u8239\u8236\u603B\u6570",count:0,icon:ke},{name:"\u5728\u822A\u8239\u8236",count:0,icon:Oe},{name:"\u9760\u6CCA\u8239\u8236",count:0,icon:De},{name:"\u505C\u822A\u8239\u8236",count:0,icon:He}]),ie=_e({tabLi:["\u5173\u952E\u6570\u636E","\u4E3B\u673A","\u53D1\u7535\u673A"],tabBar:0,OneShip:{},inTerval:15e3,shipYear:{name:"\u8239\u9F84",data:[{name:">20\u5E74",value:5},{name:"15-20\u5E74",value:4},{name:"10-15\u5E74",value:7},{name:"5-10\u5E74",value:0},{name:"<5\u5E74",value:2}]},shipCond:{name:"\u8239\u51B5",data:[{name:"\u5728\u822A",value:0},{name:"\u6545\u969C",value:0},{name:"\u7EF4\u4FEE",value:0},{name:"\u9760\u6CCA",value:0},{name:"\u951A\u6CCA",value:0}]},shipCCount:{name:"\u8239\u8236\u6570\u91CF",xAxis:[],value:[],unit:"\u8258"},runSort:{runing:!1,consumption:!1,voyage:!0}}),{tabBar:I,OneShip:W,tabLi:le,inTerval:ne,shipYear:$,shipCond:E,shipCCount:A,runSort:N}=R(ie),oe=function(s){W.value=s},ae=function(){Ce(function(s){let l=[];s.length&&(l=s.sort(function(d,S){return parseFloat(S.voyage)-parseFloat(d.voyage)}),i.value=l)})},F=function(s){i.value=i.value.sort((l,d)=>N.value[s]?Number(l[s])-Number(d[s]):Number(d[s])-Number(l[s])),N.value[s]=!N.value[s]},ce=function(s){I.value=s,m.$refs.elCar.setActiveItem(s)},de=function(s){I.value=s},q=function(){ze(B.toString()).then(s=>{let l="";s.data!=null?(l=s.data,localStorage.setItem("Histroy-List",l)):localStorage.getItem("Histroy-List")!=null&&localStorage.getItem("Histroy-List")!=null?l=localStorage.getItem("Histroy-List"):l="";let d=Be(l),S=0,k=0,O=0;d.forEach(D=>{D.navistat==5?k+=1:parseFloat(D.sog)>0?S+=1:O+=1}),c.value=d,z.value[0].count=c.value.length,z.value[1].count=S,z.value[2].count=k,z.value[3].count=O,re()})},re=function(){let s=JSON.parse(JSON.stringify(E.value));s.data[0].value=z.value[1].count,s.data[3].value=z.value[2].count,E.value=s;let l=JSON.parse(JSON.stringify($.value));l.data[3].value=10,$.value=l;let d=JSON.parse(JSON.stringify(A.value));d.xAxis=["2016","2017","2018","2019","2020","2021","2022"],d.value=[14,18,25,26,24,27,28],A.value=d};let J=null;const ue=function(){var s=document.getElementById("headImg");C.value=s.clientHeight};let Q=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;return b.value=Math.ceil(Q/320),w.value=Q/1440*16,ae(),U(()=>{q(),L.value=m.$refs.lineDiv.offsetHeight,n.value=m.$refs.txtDiv.offsetHeight,M.value=m.$refs.guanDiv.offsetHeight,H.value=m.$refs.carDiv.offsetHeight-m.$refs.carTit.offsetHeight,clearInterval(J),J=setInterval(()=>{q()},30*1e3)}),me(()=>{clearInterval(J)}),(s,l)=>{const d=j("el-image"),S=j("sortUp"),k=j("sortDown"),O=j("el-icon"),D=j("el-col"),V=j("el-carousel-item"),he=j("el-carousel"),ve=j("el-row");return o(),p("div",{class:"screenAp",style:T("font-size:"+w.value+"px;")},[a(d,{style:{width:"100%"},id:"headImg",src:t(Ne),fit:"fill",onLoad:ue},null,8,["src"]),a(ve,{gutter:b.value,style:T("height:calc(100vh - 3.78em);margin:0;")},{default:_(()=>[a(D,{span:7,style:{height:"100%"}},{default:_(()=>[e("div",Te,[e("div",Me,[e("div",$e,"\u8239\u8236\u6570\u91CF",512),e("div",Ee,[(o(!0),p(P,null,K(t(z),(u,f)=>(o(),p("div",{key:f},[e("div",Ae,[a(d,{style:{width:"60%"},src:u.icon,fit:"fill"},null,8,["src"])]),e("div",Fe,[e("div",Je,y(u.name),1),e("div",Ve,y(u.count),1)])]))),128))])]),e("div",Re,[Ue,e("div",Ge,[e("div",Pe,[Ke,a(t(se),{height:M.value+"px",name:"cab-chart-ck",data:t(E)},null,8,["height","data"])],512),e("div",Ye,[e("div",qe,"\u8239\u9F84"+y(M.value),1),a(t(se),{height:M.value+"px",name:"cab-chart-year",data:t($)},null,8,["height","data"])]),Qe])]),e("div",Xe,[Ze,e("div",et,[e("div",tt,[e("div",st,[it,lt,e("div",nt,[ot,a(O,{onClick:l[0]||(l[0]=u=>F("voyage"))},{default:_(()=>[t(N).voyage?(o(),x(S,{key:0})):(o(),x(k,{key:1}))]),_:1})]),e("div",at,[ct,a(O,{onClick:l[1]||(l[1]=u=>F("consumption"))},{default:_(()=>[t(N).consumption?(o(),x(S,{key:0})):(o(),x(k,{key:1}))]),_:1})]),e("div",dt,[rt,a(O,{onClick:l[2]||(l[2]=u=>F("runing"))},{default:_(()=>[t(N).runing?(o(),x(S,{key:0})):(o(),x(k,{key:1}))]),_:1})])]),e("div",ut,[(o(!0),p(P,null,K(i.value,(u,f)=>(o(),p("div",{class:"flex align-center text-center",style:T("padding: 0.29em 0;color: "+(f==0?"#386eff":f==1||f==2?"#2be4ff":"")),key:f},[e("div",ht,y(f+1),1),e("div",vt,y(u.shipName),1),e("div",ft,[v(y(u.voyage.toFixed(2)),1),_t]),e("div",mt,[v(y(u.consumption.toFixed(2)),1),gt]),e("div",pt,[v(y(u.runing.toFixed(2)),1),yt])],4))),128))])]),e("div",xt,[e("div",bt,"\u8239\u8236\u6570\u91CF\u53D8\u5316",512),a(t(We),{height:L.value-n.value+"px",name:"cab-chart-count",data:t(A)},null,8,["height","data"])],512)])])])]),_:1}),a(D,{span:10,style:{height:"100%"}},{default:_(()=>[e("div",wt,[a(t(xe),{onUpdate:oe,shipLi:c.value},null,8,["shipLi"])])]),_:1}),a(D,{span:7,style:{height:"100%"}},{default:_(()=>[e("div",St,[e("div",jt,[e("div",Ct,[Lt,e("div",zt,[a(t(je),{selectS:t(W)},null,8,["selectS"])])]),Bt]),e("div",It,[e("div",Nt,[(o(!0),p(P,null,K(t(le),(u,f)=>(o(),p("div",{key:f,class:G(["tabBg",t(I)==f?"act":""]),onClick:Dt=>ce(f)},y(u),11,kt))),128))],512),e("div",null,[a(he,{ref:"elCar",height:H.value+"px",interval:t(ne),onChange:de},{default:_(()=>[a(V,null,{default:_(()=>[t(I)==0?(o(),x(t(be),{key:0,selectS:t(W),height:H.value},null,8,["selectS","height"])):Y("",!0)]),_:1}),a(V,null,{default:_(()=>[t(I)==1?(o(),x(t(we),{key:0,selectS:t(W),height:H.value},null,8,["selectS","height"])):Y("",!0)]),_:1}),a(V,null,{default:_(()=>[t(I)==2?(o(),x(t(Se),{key:0,selectS:t(W),height:H.value},null,8,["selectS","height"])):Y("",!0)]),_:1})]),_:1},8,["height","interval"])])],512)])]),_:1})]),_:1},8,["gutter","style"])],4)}}};var Zt=Le(Ot,[["__scopeId","data-v-0c80573a"]]);export{Zt as default};
|
