@idmui/spot 0.5.5 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4162,7 +4162,7 @@ function ka(o, e, a, r, t, h) {
|
|
|
4162
4162
|
}, 8, ["modelValue", "title"])
|
|
4163
4163
|
]);
|
|
4164
4164
|
}
|
|
4165
|
-
const za = /* @__PURE__ */ et(tt, [["render", ka], ["__scopeId", "data-v-
|
|
4165
|
+
const za = /* @__PURE__ */ et(tt, [["render", ka], ["__scopeId", "data-v-f30ebaf0"]]), Fa = {
|
|
4166
4166
|
install(o) {
|
|
4167
4167
|
o.component("SpotReport", za);
|
|
4168
4168
|
}
|
package/dist/index.umd.cjs
CHANGED
|
@@ -73,4 +73,4 @@
|
|
|
73
73
|
<img src="${H.url}" style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;}" />
|
|
74
74
|
<span>Precip, last year : </span><strong>${(ne=h[3])==null?void 0:ne.value}</strong><span style="padding-left: 3px;">mm</span>
|
|
75
75
|
</div>
|
|
76
|
-
`}}},legend:{show:!0,top:"15px",right:"6%",data:["Wind","Wind, last year"],itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(J=this.seasonalData)==null?void 0:J.xDates,axisLabel:{show:!0},axisLine:{show:!0},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:1,zlevel:1},yAxis:[{type:"value",name:"Wind speed max ( kts ) ",show:!0,min:b,max:S,interval:G,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{type:"value",name:"Precipitation ( mm ) ",show:!0,min:ee,max:te,interval:oe,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:30,splitLine:{show:!0},z:0,zlevel:0}],visualMap:[{type:"piecewise",orient:"horizontal",top:40,right:"6%",show:!0,pieces:[{gte:100,color:"rgba(197, 5, 58, 1)",label:"Heavy Rainstorm, >=100mm"},{gte:50,lte:99.9,color:"rgba(248, 1, 1, 1)",label:"Rainstorm, <=99.9mm"},{gte:25,lte:49.9,color:"rgba(190, 226, 2, 18)",label:"Heavy, <=49.9mm"},{gte:10,lte:24.9,color:"rgba(3, 248, 103, 1)",label:"Moderate, <=24.9mm"},{lt:10,color:"rgba(172, 210, 255, 1)",label:"Light, <10mm"}],seriesIndex:2,dimension:1},{type:"piecewise",orient:"horizontal",top:65,right:"6%",show:!0,pieces:[{gte:100,color:m("#C5053A"),label:"Heavy Rainstorm, last year"},{gte:50,lte:99.9,color:m("#F80101"),label:"Rainstorm, last year"},{gte:25,lte:49.9,color:m("#BEE202"),label:"Heavy, last year"},{gte:10,lte:24.9,color:m("#03F867"),label:"Moderate, last year"},{lt:10,color:m("#ACD2FF"),label:"Light, last year"}],seriesIndex:3,dimension:1}],series:[{name:"Wind",type:"line",data:(q=this.seasonalData)==null?void 0:q.windSpeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},label:{show:!1}},{name:"Wind, last year",type:"line",symbol:"none",data:(Z=this.seasonalData)==null?void 0:Z.lastYearWindSpeed,itemStyle:{color:"#9af77b"},lineStyle:{color:"#9af77b"},label:{show:!1}},{name:"Precip",type:"bar",yAxisIndex:1,barWidth:"30%",data:(_=this.seasonalData)==null?void 0:_.precip,symbol:"none",smooth:!1,itemStyle:{color:"#0c73a8"},label:{show:!1}},{name:"Precip, last year",type:"bar",yAxisIndex:1,barWidth:"30%",data:($=this.seasonalData)==null?void 0:$.lastYearPrecip,itemStyle:{color:"rgba(12,116,168,0.5)"},label:{show:!1}}]};this.$nextTick(()=>{we.init(document.getElementById("wind-precip-echart")).setOption(P)})},disposeEcharts(){document.getElementById("weather-chart")&&we.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&we.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&we.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&we.dispose(document.getElementById("wave-swell")),document.getElementById("temperature-echart")&&we.dispose(document.getElementById("temperature-echart")),document.getElementById("wind-precip-echart")&&we.dispose(document.getElementById("wind-precip-echart"))},initHoursTableData(){var i,t,a,n,s,l,m,C,N,b,S,G,v,T,ee,te,oe,P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L;this.hoursTableData={hours:[],utcHours:[],weatherUrls:[],weatherNames:[],temp:[],precipProbability:[],precip1h:[],visibility:[],humidity:[],windSpeed:[],windDir:[],windGust:[],sigwaveHeight:[],sigwaveDir:[],windwaveHeight:[],windwaveDir:[],windwavePeriod:[],swellHeight:[],swellDir:[],swellPeriod:[],currentSpeed:[],currentDir:[],seaLevel:[],seaTemp:[]};for(let x=0;x<24;x++){const u=E(this.pickedDate).clone().add(x,"h").format();this.hoursTableData.hours.push(u);const f=((i=De.pickHourly(this.meteoData,u))==null?void 0:i[0])||{};this.hoursTableData.weatherUrls.push((t=f.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((a=f.weather)==null?void 0:a.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((n=f.weather)==null?void 0:n.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((l=(s=f.weather)==null?void 0:s.precip)==null?void 0:l.probability,1)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((C=(m=f.weather)==null?void 0:m.precip)==null?void 0:C.sum,1)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((N=f.weather)==null?void 0:N.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((b=f.weather)==null?void 0:b.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((G=(S=f.weather)==null?void 0:S.wind)==null?void 0:G.kts,1)),this.hoursTableData.windDir.push((T=(v=f.weather)==null?void 0:v.wind)==null?void 0:T.bearing),this.hoursTableData.windGust.push(this.roundPrecision((te=(ee=f.weather)==null?void 0:ee.wind)==null?void 0:te.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((P=(oe=f.wave)==null?void 0:oe.sig)==null?void 0:P.height,1)??"-"),this.hoursTableData.sigwaveDir.push((U=(j=f.wave)==null?void 0:j.sig)==null?void 0:U.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((X=(R=f.wave)==null?void 0:R.wd)==null?void 0:X.height,1)??"-"),this.hoursTableData.windwaveDir.push((J=(W=f.wave)==null?void 0:W.wd)==null?void 0:J.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((Z=(q=f.wave)==null?void 0:q.wd)==null?void 0:Z.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision(($=(_=f.wave)==null?void 0:_.swell)==null?void 0:$.height,1)??"-"),this.hoursTableData.swellDir.push((z=(h=f.wave)==null?void 0:h.swell)==null?void 0:z.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((k=(Q=f.wave)==null?void 0:Q.swell)==null?void 0:k.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((g=f.current)==null?void 0:g.speed,1)??"-"),this.hoursTableData.currentDir.push((L=f.current)==null?void 0:L.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(f.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(f.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.followItem=void 0,we&&document.getElementById("weather-chart")&&we.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,a,n,s,l,m,C,N,b,S,G,v,T,ee,te,oe,P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L,x,u,f,re;this.daysTableData=[];const i=Y(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let le=0;le<14;le++){const ie=E(i).clone().add(le,"d").format(),c=((t=De.pickDaily(this.meteoData,ie))==null?void 0:t[0])||{};this.daysTableData.push({localWeek:this.computeWeekLT(ie),localDate:this.computeMMMDDLT(ie),weatherUrl:(a=c==null?void 0:c.weather)==null?void 0:a.url,minTemp:this.roundPrecision((s=(n=c==null?void 0:c.weather)==null?void 0:n.temp)==null?void 0:s.min,0)??"-",maxTemp:this.roundPrecision((m=(l=c==null?void 0:c.weather)==null?void 0:l.temp)==null?void 0:m.max,0)??"-",weatherName:(C=c==null?void 0:c.weather)==null?void 0:C.name,precipSum:this.roundPrecision((b=(N=c==null?void 0:c.weather)==null?void 0:N.precip)==null?void 0:b.sum,1)??"-",precipRainSum:this.roundPrecision((G=(S=c==null?void 0:c.weather)==null?void 0:S.precip)==null?void 0:G.rainSum,1)??"-",precipSnowfallSum:this.roundPrecision((T=(v=c==null?void 0:c.weather)==null?void 0:v.precip)==null?void 0:T.snowfallSum,1)??"-",windSpeedMax:this.roundPrecision((te=(ee=c==null?void 0:c.weather)==null?void 0:ee.wind)==null?void 0:te.kts,1)??"-",windSpeedDir:(P=(oe=c==null?void 0:c.weather)==null?void 0:oe.wind)==null?void 0:P.bearing,gustSpeedMax:this.roundPrecision((U=(j=c==null?void 0:c.weather)==null?void 0:j.wind)==null?void 0:U.gusts,1)??"-",windWaveHeight:this.roundPrecision((X=(R=c==null?void 0:c.wave)==null?void 0:R.wd)==null?void 0:X.height,1)??"-",windWavePeriod:this.roundPrecision((J=(W=c==null?void 0:c.wave)==null?void 0:W.wd)==null?void 0:J.period,1)??"-",windWaveDir:(Z=(q=c==null?void 0:c.wave)==null?void 0:q.wd)==null?void 0:Z.bearing,swellWaveHeight:this.roundPrecision(($=(_=c==null?void 0:c.wave)==null?void 0:_.swell)==null?void 0:$.height,1)??"-",swellWavePeriod:this.roundPrecision((z=(h=c==null?void 0:c.wave)==null?void 0:h.swell)==null?void 0:z.period,1)??"-",swellWaveDir:(k=(Q=c==null?void 0:c.wave)==null?void 0:Q.swell)==null?void 0:k.bearing,sigWaveHeight:this.roundPrecision((L=(g=c==null?void 0:c.wave)==null?void 0:g.sig)==null?void 0:L.height,1)??"-",sigWavePeriod:this.roundPrecision((u=(x=c==null?void 0:c.wave)==null?void 0:x.sig)==null?void 0:u.period,1)??"-",sigWaveDir:(re=(f=c==null?void 0:c.wave)==null?void 0:f.sig)==null?void 0:re.bearing})}this.loading.daysTable=!1},initHourlyTableData(i,t,a,n){var C,N,b,S,G,v,T,ee,te,oe,P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L,x,u,f,re,le,ie,c,ce,y,F;this.hourlyTableData=[];const s=t||14,l=a||this.etime,m=Y(l).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let I=0;I<s*24;I++){let ne,H;if(I%3===0&&(H=3),n?I%3===0&&(ne=E(m).clone().add(I,"h").format()):I<3*24?ne=E(m).clone().add(I,"h").format():I<7*24?I%3===0&&(ne=E(m).clone().add(I,"h").format()):I%6===0&&(ne=E(m).clone().add(I,"h").format()),ne){const r=((C=De.pickHourly(i,ne))==null?void 0:C[0])||{},K=H===6?this.roundPrecision((b=(N=r==null?void 0:r.weather)==null?void 0:N.precip)==null?void 0:b.sum6Hours,1):H===3?this.roundPrecision((G=(S=r==null?void 0:r.weather)==null?void 0:S.precip)==null?void 0:G.sum3Hours,1):"-";this.hourlyTableData.push({localDate:this.computeMMMDDHHmmLT(ne),temp:this.roundPrecision((v=r==null?void 0:r.weather)==null?void 0:v.temp,0)??"-",precipSum:K??"-",visibility:this.roundPrecision((T=r==null?void 0:r.weather)==null?void 0:T.visibility,1)??"-",windSpeed:this.roundPrecision((te=(ee=r==null?void 0:r.weather)==null?void 0:ee.wind)==null?void 0:te.kts,1)??"-",windDir:(P=(oe=r==null?void 0:r.weather)==null?void 0:oe.wind)==null?void 0:P.direction,windBearing:(U=(j=r==null?void 0:r.weather)==null?void 0:j.wind)==null?void 0:U.bearing,windBF:((X=(R=r==null?void 0:r.weather)==null?void 0:R.wind)==null?void 0:X.scale)??"-",windGusts:this.roundPrecision((J=(W=r==null?void 0:r.weather)==null?void 0:W.wind)==null?void 0:J.gusts,1)??"-",windWaveHeight:this.roundPrecision((Z=(q=r==null?void 0:r.wave)==null?void 0:q.wd)==null?void 0:Z.height,1)??"-",windWavePeriod:this.roundPrecision(($=(_=r==null?void 0:r.wave)==null?void 0:_.wd)==null?void 0:$.period,1)??"-",windWaveDir:(z=(h=r==null?void 0:r.wave)==null?void 0:h.wd)==null?void 0:z.direction,windWaveBearing:(k=(Q=r==null?void 0:r.wave)==null?void 0:Q.wd)==null?void 0:k.bearing,sigWaveHeight:this.roundPrecision((L=(g=r==null?void 0:r.wave)==null?void 0:g.sig)==null?void 0:L.height,1)??"-",sigWavePeriod:this.roundPrecision((u=(x=r==null?void 0:r.wave)==null?void 0:x.sig)==null?void 0:u.period,1)??"-",sigWaveDir:(re=(f=r==null?void 0:r.wave)==null?void 0:f.sig)==null?void 0:re.direction,sigWaveBearing:(ie=(le=r==null?void 0:r.wave)==null?void 0:le.wd)==null?void 0:ie.bearing,currentDir:(c=r==null?void 0:r.current)==null?void 0:c.direction,currentSpd:this.roundPrecision((ce=r==null?void 0:r.current)==null?void 0:ce.kts,1)??"-",currentBearing:(F=(y=r==null?void 0:r.wave)==null?void 0:y.wd)==null?void 0:F.bearing,seaLevel:this.roundPrecision(r==null?void 0:r.height,1)??"-",seaSurfaceTemp:this.roundPrecision(r==null?void 0:r.sst,0)??"-"})}}this.loading.hourlyTable=!1},async handleSelectMonth(i){this.currentMonth=i,await this.fetchSeasonalData(),this.initSeasonalEchart()},async handleDateRange(){const{year0:i,month0:t,date0:a,year1:n,month1:s,date1:l}={year0:E(this.dateRange[0]).year(),month0:E(this.dateRange[0]).month(),date0:E(this.dateRange[0]).date(),year1:E(this.dateRange[1]).year(),month1:E(this.dateRange[1]).month(),date1:E(this.dateRange[1]).date()};this.dateRangeZ=[E(this.dateRangeZ[0]).set({year:i,month:t,date:a}).utc().format(),E(this.dateRangeZ[1]).set({year:n,month:s,date:l}).utc().format()];const m=E(this.dateRangeZ[1]).diff(E(this.dateRangeZ[0]),"d",!0)+1;await this.fetchHistoryMeteo(m),this.handleMeteogramData14(this.meteoData,m,this.dateRangeZ[0]),this.initHourlyTableData(this.meteoData,m,this.dateRangeZ[0],!0),this.selectDate=void 0},handlePickDate(i){i[1]?this.selectDate=null:this.selectDate=i[0].getTime()}}},ve={class:"spot-report"},je={class:"search-header-box"},Ke={class:"search-header-box-inner flex-between"},Ue={class:"search-box flex-start"},Re={class:"menu-box flex-end"},Xe={class:"content-box"},We={class:"title-section flex-between"},Je={class:"main-title"},qe={class:"sub-title"},Ze={key:0},_e={class:"flex-end"},$e={key:0,class:"meteogram-echart-section"},et={key:0,class:"card"},tt={class:"title flex-start"},st={style:{"margin-right":"5px"}},at={class:"datetime-select-box"},ot={key:1,class:"card flex-center"},it={key:2,class:"card flex-center"},nt={key:1,class:"weather-echart-section"},rt={key:0,id:"weather-chart",class:"weather-chart"},lt={key:1,class:"weather-chart weather-chart-loading flex-center"},At={key:2,class:"weather-chart flex-center"},ct={key:2,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},ht={key:0,class:"card"},dt={class:"date"},gt={class:"basic-table"},pt={class:"day"},mt={class:"hour"},wt={class:"icon"},ft=["src"],Bt={class:"text"},yt={class:"text"},Dt={class:"text"},Et={class:"text"},xt={class:"text"},ut={class:"text"},Ct={key:1},It={class:"text"},bt={class:"text"},kt={class:"wave-current-table"},Nt={class:"text"},Qt={class:"text"},Mt={key:1},Lt={class:"text"},zt={class:"text"},Ht={class:"text"},St={key:1},Pt={class:"text"},Tt={class:"text"},Gt={class:"text"},Ft={key:1},Vt={class:"text"},Ot={class:"sea-table"},Yt={class:"text"},vt={class:"text"},jt={key:1,class:"card card-loading flex-center"},Kt={key:2,class:"card flex-center"},Ut={key:3,class:"days-table-section"},Rt={key:0,class:"card"},Xt={class:"conditions-table"},Wt={rowspan:"1",colspan:"1",class:"tr-title font-gray",style:{"text-align":"right","padding-right":"10px","box-sizing":"border-box"}},Jt={rowspan:"1",colspan:"1"},qt=["src"],Zt={rowspan:"1",colspan:"1",class:"text-align-left"},_t={rowspan:"1",colspan:"1",class:"text-align-left"},$t={rowspan:"1",colspan:"1",class:"text-align-left"},es={rowspan:"1",colspan:"1",class:"text-align-left"},ts={rowspan:"1",colspan:"1",class:"text-align-left"},ss={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},as={key:1},os={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"25px"}},is={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},ns={key:1},rs={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},ls={key:1},As={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},cs={key:1},hs={key:1,class:"card card-loading flex-center"},ds={key:2,class:"card flex-center"},gs={key:4,class:"hourly-table-section"},ps={key:0,class:"card"},ms={class:"conditions-table"},ws={rowspan:"1",colspan:"1",class:"border"},fs={rowspan:"1",colspan:"1",class:"border"},Bs={rowspan:"1",colspan:"1",class:"border"},ys={rowspan:"1",colspan:"1",class:"border"},Ds={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},Es={key:1},xs={rowspan:"1",colspan:"1",class:"border"},us={rowspan:"1",colspan:"1",class:"border"},Cs={rowspan:"1",colspan:"1",class:"border"},Is={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},bs={key:1},ks={rowspan:"1",colspan:"1",class:"border"},Ns={rowspan:"1",colspan:"1",class:"border"},Qs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},Ms={key:1},Ls={rowspan:"1",colspan:"1",class:"border"},zs={rowspan:"1",colspan:"1",class:"border"},Hs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},Ss={key:1},Ps={rowspan:"1",colspan:"1",class:"border"},Ts={rowspan:"1",colspan:"1",class:"border"},Gs={rowspan:"1",colspan:"1",class:"border"},Fs={key:1,class:"card card-loading flex-center"},Vs={key:2,class:"card flex-center"},Os={key:5,class:"seasonal-weather-section"},Ys={key:0,class:"card flex-space"},vs={class:"echart-box",style:{}},js={style:{cursor:"pointer"}},Ks={style:{padding:"3px 0 0 5px",cursor:"pointer"}},Us={class:"months-select-box"},Rs={class:"bg-select"},Xs=["onClick"],Ws={class:"flex-col-start-start right-bar"},Js={class:"",style:{"font-size":"16px","font-weight":"bold","margin-bottom":"20px"}},qs={class:"text"},Zs={class:"text"},_s={class:"text"},$s={class:"text"},ea={class:"text"},ta={class:"text"},sa={class:"text"},aa={class:"text"},oa={class:"text"},ia={class:"text"},na={class:"text"},ra={class:"text"},la={key:1,class:"card flex-center"},Aa={key:2,class:"card flex-center"},ca={key:0,class:"info-box-item flex-start"},ha={class:"text"},da={class:"info-box-item flex-start"},ga={class:"text"},pa={class:"info-box-item flex-start"},ma={key:1,class:"text"},wa={class:"info-box-item flex-center"};function fa(i,t,a,n,s,l){var P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L,x,u,f,re,le,ie,c,ce,y,F,I,ne,H,r,K,D,ae,V,A,p,O,w,de,M,se,he,B;const m=e.resolveComponent("ElOption"),C=e.resolveComponent("ElSelect"),N=e.resolveComponent("ElTooltip"),b=e.resolveComponent("Calendar"),S=e.resolveComponent("el-icon"),G=e.resolveComponent("ArrowRightBold"),v=e.resolveComponent("ElIcon"),T=e.resolveComponent("el-date-picker"),ee=e.resolveComponent("ElInput"),te=e.resolveComponent("ElButton"),oe=e.resolveComponent("ElDialog");return e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("div",je,[e.createElementVNode("div",Ke,[e.createElementVNode("div",Ue,[e.createVNode(C,{modelValue:s.searchName,"onUpdate:modelValue":t[0]||(t[0]=o=>s.searchName=o),filterable:"",class:"input",clearable:"",remote:"",placeholder:s.placeholder,autocomplete:"","remote-show-suffix":"","remote-method":l.fetchSuggestPosition,onFocus:l.handleSearchFocus,onBlur:t[1]||(t[1]=o=>s.placeholder="search for port name or coordinates"),onChange:l.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.positionList,o=>(e.openBlock(),e.createBlock(m,{key:o.name,label:o.nameRemark,value:o.name},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","remote-method","onFocus","onChange"])]),e.createElementVNode("div",Re,[e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===1?"active":""]),onClick:t[2]||(t[2]=o=>s.menuIndex=1)},"History",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===2?"active":""]),onClick:t[3]||(t[3]=o=>s.menuIndex=2)},"7-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===3?"active":""]),onClick:t[4]||(t[4]=o=>s.menuIndex=3)},"14-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===4?"active":""]),onClick:t[5]||(t[5]=o=>s.menuIndex=4)},"Seasonal Forecast",2)])])]),e.createElementVNode("div",Xe,[e.createElementVNode("div",We,[e.createElementVNode("div",null,[e.createElementVNode("div",Je,e.toDisplayString(s.menuIndex===4?"Seasonal":"")+" Weather forecast for "+e.toDisplayString(((P=s.position)==null?void 0:P.name)||"-")+" ( UTC"+e.toDisplayString(s.positionOffset)+" )",1),e.createElementVNode("div",qe,[e.createTextVNode(" At "+e.toDisplayString((j=s.position)!=null&&j.portId?"port":"coordinates"),1),(U=s.position)!=null&&U.portId?(e.openBlock(),e.createElementBlock("span",Ze,", "+e.toDisplayString(l.computeLat(s.position.lat))+", "+e.toDisplayString(l.computeLng(s.position.lng)),1)):e.createCommentVNode("",!0),e.createTextVNode(", issued "+e.toDisplayString(s.issuedDate),1)])]),e.createElementVNode("div",_e,[e.createVNode(N,{placement:"left",effect:"light",content:s.followItem?"Remove the Port/Coordinate from My Follows":"Add the Port/Coordinate to My Follows","show-after":1e3},{default:e.withCtx(()=>[s.followItem?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon active",onClick:t[6]||(t[6]=(...o)=>l.handleFollowDialogOpen&&l.handleFollowDialogOpen(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[7]||(t[7]=(...o)=>l.handleFollowDialogOpen&&l.handleFollowDialogOpen(...o))},""))]),_:1},8,["content"])])]),s.menuIndex===1||s.menuIndex===2||s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",$e,[(R=s.position)!=null&&R.name&&a.token&&!((X=s.loading)!=null&&X.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("div",tt,[t[14]||(t[14]=e.createElementVNode("div",{style:{"margin-right":"20px"}},"Meteogram",-1)),e.withDirectives(e.createElementVNode("div",{id:"history-date-title",class:"flex-space",style:{cursor:"pointer"},onClick:t[8]||(t[8]=o=>s.meteoData.showDateSelect=!s.meteoData.showDateSelect)},[e.createVNode(S,{size:"16",style:{"margin-right":"10px"}},{default:e.withCtx(()=>[e.createVNode(b)]),_:1}),e.createElementVNode("span",st,e.toDisplayString(l.computeMMMDDyyyyLT(s.dateRangeZ[0]))+" ~ "+e.toDisplayString(l.computeMMMDDyyyyLT(s.dateRangeZ[1])),1),e.createVNode(v,{size:"16"},{default:e.withCtx(()=>[e.createVNode(G)]),_:1})],512),[[e.vShow,s.menuIndex===1]]),e.withDirectives(e.createElementVNode("div",at,[e.createVNode(T,{modelValue:s.dateRange,"onUpdate:modelValue":t[9]||(t[9]=o=>s.dateRange=o),type:"daterange","range-separator":"~","start-placeholder":"Start date","end-placeholder":"End date",shortcuts:s.datePickerOptions.shortcuts,disabledDate:s.datePickerOptions.disabledDate,onCalendarChange:l.handlePickDate,onChange:l.handleDateRange},null,8,["modelValue","shortcuts","disabledDate","onCalendarChange","onChange"])],512),[[e.vShow,((W=s.meteoData)==null?void 0:W.showDateSelect)&&s.menuIndex===1]])]),t[15]||(t[15]=e.createElementVNode("div",{id:"weather-icons"},null,-1)),t[16]||(t[16]=e.createElementVNode("div",{id:"weather-condition"},null,-1)),t[17]||(t[17]=e.createElementVNode("div",{id:"wave-swell"},null,-1))])):(J=s.loading)!=null&&J.meteogramEchart?(e.openBlock(),e.createElementBlock("div",ot,t[18]||(t[18]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",it,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",nt,[(q=s.position)!=null&&q.name&&a.token&&!((Z=s.loading)!=null&&Z.weatherEchart)?(e.openBlock(),e.createElementBlock("div",rt)):(_=s.loading)!=null&&_.weatherEchart?(e.openBlock(),e.createElementBlock("div",lt,t[19]||(t[19]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",At,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",ct,[($=s.position)!=null&&$.name&&a.token&&!((h=s.loading)!=null&&h.hoursTable)?(e.openBlock(),e.createElementBlock("div",ht,[e.createElementVNode("div",dt,e.toDisplayString(s.pickedWeek)+" "+e.toDisplayString(l.computeMMMDDLT(s.pickedDate)),1),e.createElementVNode("table",gt,[e.createElementVNode("tr",pt,[t[20]||(t[20]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Local time"),e.createElementVNode("span",{class:"unit"},"(LT)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{key:`${o}${d}hoursLT`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(l.computeHourLT(o)),3))),128))]),e.createElementVNode("tr",mt,[t[21]||(t[21]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("UTC"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{key:`${o}${d}hoursLZ`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(l.computeHourZ(o)),3))),128))]),e.createElementVNode("tr",wt,[t[22]||(t[22]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Weather"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.weatherUrls,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}weatherUrls-weatherNames`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[e.createVNode(N,{placement:"top",effect:"light",content:s.hoursTableData.weatherNames[d],"show-after":500},{default:e.withCtx(()=>[o?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",src:o},null,8,ft)):e.createCommentVNode("",!0)]),_:2},1032,["content"])],2))),128))]),e.createElementVNode("tr",Bt,[t[23]||(t[23]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.temp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}temp`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",yt,[t[24]||(t[24]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation Probability"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.precipProbability,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}precipProbability`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Dt,[t[25]||(t[25]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation 1h"),e.createElementVNode("span",{class:"unit"},"mm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.precip1h,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}precip1h`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Et,[t[26]||(t[26]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Visibility"),e.createElementVNode("span",{class:"unit"},"nm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.visibility,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}visibility`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",xt,[t[27]||(t[27]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Relative Humidity"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.humidity,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}humidity`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ut,[t[28]||(t[28]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",Ct,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",It,[t[29]||(t[29]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windSpeed`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",bt,[t[30]||(t[30]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind gust"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windGust,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windGust`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))])]),t[42]||(t[42]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",kt,[e.createElementVNode("tr",Nt,[t[31]||(t[31]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windwaveHeight`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Qt,[t[32]||(t[32]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windwaveDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windwaveDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",Mt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Lt,[t[33]||(t[33]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windwavePeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windwavePeriod`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",zt,[t[34]||(t[34]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.swellHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}swellHeight`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Ht,[t[35]||(t[35]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.swellDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}swellDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",St,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Pt,[t[36]||(t[36]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.swellPeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}swellPeriod`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Tt,[t[37]||(t[37]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sig wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.sigwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}sigwaveHeight`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Gt,[t[38]||(t[38]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.currentDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}currentDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",Ft,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Vt,[t[39]||(t[39]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.currentSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}currentSpeed`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))])]),t[43]||(t[43]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",Ot,[e.createElementVNode("tr",Yt,[t[40]||(t[40]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea level height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.seaLevel,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}seaLevel`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",vt,[t[41]||(t[41]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea surface temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.seaTemp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}seaTemp`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))])])])):(z=s.loading)!=null&&z.hoursTable?(e.openBlock(),e.createElementBlock("div",jt,t[44]||(t[44]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Kt,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",Ut,[(Q=s.position)!=null&&Q.name&&a.token&&!((k=s.loading)!=null&&k.daysTable)?(e.openBlock(),e.createElementBlock("div",Rt,[t[56]||(t[56]=e.createElementVNode("div",{class:"date"},"Daily Forecast",-1)),e.createElementVNode("table",Xt,[t[54]||(t[54]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1"}),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Conditions"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Precipitation"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"text-align-left"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"text-align-left"},"Wave")],-1)),t[55]||(t[55]=e.createElementVNode("tr",{class:"hour tr-title border-bottom"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black",style:{"text-align":"right","padding-right":"10px","box-sizing":"border-box"}},"Date"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"40px"}},"Weather"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"70px"}}),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Temperature"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Sum"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Rain"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Snowfall"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Speed_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Gust_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Wind wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Swell wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Sig.wave_max")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.daysTableData,o=>(e.openBlock(),e.createElementBlock("tr",{key:Math.random()+o.localDate,class:"text border-bottom"},[e.createElementVNode("td",Wt,[e.createElementVNode("div",null,e.toDisplayString(o.localWeek),1),e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",Jt,[o.weatherUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",style:{width:"34px",height:"34px"},src:o.weatherUrl},null,8,qt)):e.createCommentVNode("",!0)]),e.createElementVNode("td",Zt,e.toDisplayString(o.weatherName),1),e.createElementVNode("td",_t,[e.createTextVNode(e.toDisplayString(o.minTemp)+" / "+e.toDisplayString(o.maxTemp),1),t[45]||(t[45]=e.createElementVNode("span",{class:"unit"},"°C",-1))]),e.createElementVNode("td",$t,[e.createTextVNode(e.toDisplayString(o.precipSum),1),t[46]||(t[46]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",es,[e.createTextVNode(e.toDisplayString(o.precipRainSum),1),t[47]||(t[47]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",ts,[e.createTextVNode(e.toDisplayString(o.precipSnowfallSum),1),t[48]||(t[48]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",ss,[e.createElementVNode("span",null,e.toDisplayString(o.windSpeedMax),1),t[49]||(t[49]=e.createElementVNode("span",{class:"unit"},"kts",-1)),!isNaN(o.windSpeedDir)&&!isNaN(o.windSpeedMax)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windSpeedDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",as,"-"))]),e.createElementVNode("td",os,[e.createElementVNode("span",null,e.toDisplayString(o.gustSpeedMax),1),t[50]||(t[50]=e.createElementVNode("span",{class:"unit"},"kts",-1))]),e.createElementVNode("td",is,[e.createElementVNode("span",null,e.toDisplayString(o.windWaveHeight),1),t[51]||(t[51]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.windWaveDir)&&!isNaN(o.windWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ns,"-"))]),e.createElementVNode("td",rs,[e.createElementVNode("span",null,e.toDisplayString(o.swellWaveHeight),1),t[52]||(t[52]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.swellWaveDir)&&!isNaN(o.swellWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.swellWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ls,"-"))]),e.createElementVNode("td",As,[e.createElementVNode("span",null,e.toDisplayString(o.sigWaveHeight),1),t[53]||(t[53]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.sigWaveDir)&&!isNaN(o.sigWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",cs,"-"))])]))),128))])])):(g=s.loading)!=null&&g.daysTable?(e.openBlock(),e.createElementBlock("div",hs,t[57]||(t[57]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",ds,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===1||s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",gs,[(L=s.position)!=null&&L.name&&a.token&&!((x=s.loading)!=null&&x.hourlyTable)?(e.openBlock(),e.createElementBlock("div",ps,[t[60]||(t[60]=e.createElementVNode("div",{class:"date"},"Hourly Forecast",-1)),e.createElementVNode("table",ms,[t[58]||(t[58]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"2",colspan:"1",class:"border",style:{width:"70px"}},"DateTime"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Precip.3h"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Visibility"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"border"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Wind wave"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Sig.wave"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"border"},"Current"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Level"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Surface")],-1)),t[59]||(t[59]=e.createElementVNode("tr",{class:"hour tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"°C"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border",style:{width:"60px"}},"Acc (mm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dist (nm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"BF"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Gusts(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp(°C)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hourlyTableData,o=>(e.openBlock(),e.createElementBlock("tr",{key:Math.random()+o.localDate,class:"text border-bottom"},[e.createElementVNode("td",ws,[e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",fs,[e.createElementVNode("div",null,e.toDisplayString(o.temp),1)]),e.createElementVNode("td",Bs,e.toDisplayString(o.precipSum),1),e.createElementVNode("td",ys,e.toDisplayString(o.visibility),1),e.createElementVNode("td",Ds,[e.createTextVNode(e.toDisplayString(o.windDir)+" ",1),!isNaN(o.windBearing)&&o.windDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Es,"-"))]),e.createElementVNode("td",xs,e.toDisplayString(o.windSpeed),1),e.createElementVNode("td",us,e.toDisplayString(o.windBF),1),e.createElementVNode("td",Cs,e.toDisplayString(o.windGusts),1),e.createElementVNode("td",Is,[e.createTextVNode(e.toDisplayString(o.windWaveDir)+" ",1),!isNaN(o.windWaveBearing)&&o.windWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",bs,"-"))]),e.createElementVNode("td",ks,e.toDisplayString(o.windWaveHeight),1),e.createElementVNode("td",Ns,e.toDisplayString(o.windWavePeriod),1),e.createElementVNode("td",Qs,[e.createTextVNode(e.toDisplayString(o.sigWaveDir)+" ",1),!isNaN(o.sigWaveBearing)&&o.sigWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ms,"-"))]),e.createElementVNode("td",Ls,e.toDisplayString(o.sigWaveHeight),1),e.createElementVNode("td",zs,e.toDisplayString(o.sigWavePeriod),1),e.createElementVNode("td",Hs,[e.createTextVNode(e.toDisplayString(o.currentDir)+" ",1),!isNaN(o.currentBearing)&&o.currentDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.currentBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ss,"-"))]),e.createElementVNode("td",Ps,e.toDisplayString(o.currentSpd),1),e.createElementVNode("td",Ts,e.toDisplayString(o.seaLevel),1),e.createElementVNode("td",Gs,e.toDisplayString(o.seaSurfaceTemp),1)]))),128))])])):(u=s.loading)!=null&&u.hourlyTable?(e.openBlock(),e.createElementBlock("div",Fs,t[61]||(t[61]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Vs,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===4?(e.openBlock(),e.createElementBlock("div",Os,[(f=s.position)!=null&&f.name&&a.token&&!((re=s.loading)!=null&&re.seasonalEchart)?(e.openBlock(),e.createElementBlock("div",Ys,[e.createElementVNode("div",vs,[e.createElementVNode("div",{id:"seasonal-title",class:"title flex-start",onClick:t[10]||(t[10]=o=>s.seasonalData.showMonths=!s.seasonalData.showMonths)},[e.createElementVNode("div",js,e.toDisplayString((c=(ie=(le=s.currentMonth)==null?void 0:le.month)==null?void 0:ie.split("-"))==null?void 0:c[0])+" "+e.toDisplayString((F=(y=(ce=s.currentMonth)==null?void 0:ce.month)==null?void 0:y.split("-"))==null?void 0:F[1]),1),e.createElementVNode("div",Ks,[e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(G)]),_:1})]),e.withDirectives(e.createElementVNode("div",Us,[e.createElementVNode("div",Rs,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.monthsOptions,o=>{var d;return e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["month-option",((d=s.currentMonth)==null?void 0:d.month)===o.month?"active":""]),onClick:fe=>l.handleSelectMonth(o)},e.toDisplayString(o.month),11,Xs)}),128))])],512),[[e.vShow,s.seasonalData.showMonths]])]),t[62]||(t[62]=e.createElementVNode("div",{id:"temperature-echart"},null,-1)),t[63]||(t[63]=e.createElementVNode("div",{id:"wind-precip-echart"},null,-1))]),e.createElementVNode("div",Ws,[e.createElementVNode("div",Js,e.toDisplayString((I=s.currentMonth)==null?void 0:I.month)+" Summary",1),t[64]||(t[64]=e.createElementVNode("div",{class:"label"},"Temperature",-1)),e.createElementVNode("div",qs,"Avg High Temp: "+e.toDisplayString(s.seasonalData.minHighTemp)+" to "+e.toDisplayString(s.seasonalData.maxHighTemp)+" °C",1),e.createElementVNode("div",Zs,"Avg Low Temp: "+e.toDisplayString(s.seasonalData.minLowTemp)+" to "+e.toDisplayString(s.seasonalData.maxLowTemp)+" °C",1),e.createElementVNode("div",_s,"Hottest Day: "+e.toDisplayString(s.seasonalData.hottestDay),1),e.createElementVNode("div",$s,"Coldest Day: "+e.toDisplayString(s.seasonalData.coldestDay),1),t[65]||(t[65]=e.createElementVNode("div",{class:"label"},"Precipitation",-1)),e.createElementVNode("div",ea,"Light (<10mm): "+e.toDisplayString((r=(H=(ne=s.seasonalData)==null?void 0:ne.precip)==null?void 0:H.filter(o=>o<10))==null?void 0:r.length)+" days",1),e.createElementVNode("div",ta,"Moderate (<=24.9mm): "+e.toDisplayString((ae=(D=(K=s.seasonalData)==null?void 0:K.precip)==null?void 0:D.filter(o=>o>=10&&o<24.9))==null?void 0:ae.length)+" days",1),e.createElementVNode("div",sa,"Heavy (<=49.9mm): "+e.toDisplayString((p=(A=(V=s.seasonalData)==null?void 0:V.precip)==null?void 0:A.filter(o=>o>=24.9&&o<49.9))==null?void 0:p.length)+" days",1),e.createElementVNode("div",aa,"Rainstorm (<=99.9mm): "+e.toDisplayString((de=(w=(O=s.seasonalData)==null?void 0:O.precip)==null?void 0:w.filter(o=>o>=49.9&&o<99.9))==null?void 0:de.length)+" days",1),e.createElementVNode("div",oa,"Heavy Rainstorm (>=100mm): "+e.toDisplayString((he=(se=(M=s.seasonalData)==null?void 0:M.precip)==null?void 0:se.filter(o=>o>=100))==null?void 0:he.length)+" days",1),t[66]||(t[66]=e.createElementVNode("div",{class:"label"},"Wind",-1)),e.createElementVNode("div",ia,"Mean Wind: "+e.toDisplayString(l.roundPrecision(s.seasonalData.meanWind,1))+" kts",1),e.createElementVNode("div",na,"Windiest Day: "+e.toDisplayString(s.seasonalData.windiestDay)+" ( "+e.toDisplayString(s.seasonalData.maxWindSpeed)+"kts )",1),e.createElementVNode("div",ra,"Dominant Wind Dir: "+e.toDisplayString(s.seasonalData.dominantWind),1)])])):(B=s.loading)!=null&&B.seasonalEchart?(e.openBlock(),e.createElementBlock("div",la,t[67]||(t[67]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Aa,"No Data"))])):e.createCommentVNode("",!0)]),e.createVNode(oe,{modelValue:s.showFollowDialog,"onUpdate:modelValue":t[13]||(t[13]=o=>s.showFollowDialog=o),title:s.followDialogTitle,modal:!1,width:"440",draggable:!0,"show-close":!1,class:"follow-dialog","close-on-click-modal":!1},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:"iconfont close-btn",onClick:t[11]||(t[11]=o=>s.showFollowDialog=!1)},""),s.position.portId?(e.openBlock(),e.createElementBlock("div",ca,[t[68]||(t[68]=e.createElementVNode("span",{class:"label"},"Port:",-1)),e.createElementVNode("span",ha,e.toDisplayString(s.position.name),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",da,[t[69]||(t[69]=e.createElementVNode("span",{class:"label"},"Postion:",-1)),e.createElementVNode("span",ga,e.toDisplayString(this.computeLat(this.position.lat)+", "+this.computeLng(this.position.lng)),1)]),e.createElementVNode("div",pa,[t[70]||(t[70]=e.createElementVNode("span",{class:"label"},"Remark:",-1)),s.followItem?(e.openBlock(),e.createElementBlock("span",ma,e.toDisplayString(s.position.remark||"-"),1)):(e.openBlock(),e.createBlock(ee,{key:0,modelValue:s.followRemark,"onUpdate:modelValue":t[12]||(t[12]=o=>s.followRemark=o),class:"text"},null,8,["modelValue"]))]),e.createElementVNode("div",wa,[s.followItem?(e.openBlock(),e.createBlock(te,{key:0,type:"info",plain:"",onClick:l.handleClickFollow},{default:e.withCtx(()=>t[71]||(t[71]=[e.createTextVNode("Remove")])),_:1},8,["onClick"])):(e.openBlock(),e.createBlock(te,{key:1,type:"primary",onClick:l.handleClickFollow},{default:e.withCtx(()=>t[72]||(t[72]=[e.createTextVNode("Confirm")])),_:1},8,["onClick"]))])])]),_:1},8,["modelValue","title"])])}const Ne=Oe(Ye,[["render",fa],["__scopeId","data-v-34dbce66"]]),Ba={install(i){i.component("SpotReport",Ne)}};me.SpotReport=Ne,me.SpotReportPlugin=Ba,Object.defineProperty(me,Symbol.toStringTag,{value:"Module"})});
|
|
76
|
+
`}}},legend:{show:!0,top:"15px",right:"6%",data:["Wind","Wind, last year"],itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(J=this.seasonalData)==null?void 0:J.xDates,axisLabel:{show:!0},axisLine:{show:!0},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:1,zlevel:1},yAxis:[{type:"value",name:"Wind speed max ( kts ) ",show:!0,min:b,max:S,interval:G,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{type:"value",name:"Precipitation ( mm ) ",show:!0,min:ee,max:te,interval:oe,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:30,splitLine:{show:!0},z:0,zlevel:0}],visualMap:[{type:"piecewise",orient:"horizontal",top:40,right:"6%",show:!0,pieces:[{gte:100,color:"rgba(197, 5, 58, 1)",label:"Heavy Rainstorm, >=100mm"},{gte:50,lte:99.9,color:"rgba(248, 1, 1, 1)",label:"Rainstorm, <=99.9mm"},{gte:25,lte:49.9,color:"rgba(190, 226, 2, 18)",label:"Heavy, <=49.9mm"},{gte:10,lte:24.9,color:"rgba(3, 248, 103, 1)",label:"Moderate, <=24.9mm"},{lt:10,color:"rgba(172, 210, 255, 1)",label:"Light, <10mm"}],seriesIndex:2,dimension:1},{type:"piecewise",orient:"horizontal",top:65,right:"6%",show:!0,pieces:[{gte:100,color:m("#C5053A"),label:"Heavy Rainstorm, last year"},{gte:50,lte:99.9,color:m("#F80101"),label:"Rainstorm, last year"},{gte:25,lte:49.9,color:m("#BEE202"),label:"Heavy, last year"},{gte:10,lte:24.9,color:m("#03F867"),label:"Moderate, last year"},{lt:10,color:m("#ACD2FF"),label:"Light, last year"}],seriesIndex:3,dimension:1}],series:[{name:"Wind",type:"line",data:(q=this.seasonalData)==null?void 0:q.windSpeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},label:{show:!1}},{name:"Wind, last year",type:"line",symbol:"none",data:(Z=this.seasonalData)==null?void 0:Z.lastYearWindSpeed,itemStyle:{color:"#9af77b"},lineStyle:{color:"#9af77b"},label:{show:!1}},{name:"Precip",type:"bar",yAxisIndex:1,barWidth:"30%",data:(_=this.seasonalData)==null?void 0:_.precip,symbol:"none",smooth:!1,itemStyle:{color:"#0c73a8"},label:{show:!1}},{name:"Precip, last year",type:"bar",yAxisIndex:1,barWidth:"30%",data:($=this.seasonalData)==null?void 0:$.lastYearPrecip,itemStyle:{color:"rgba(12,116,168,0.5)"},label:{show:!1}}]};this.$nextTick(()=>{we.init(document.getElementById("wind-precip-echart")).setOption(P)})},disposeEcharts(){document.getElementById("weather-chart")&&we.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&we.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&we.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&we.dispose(document.getElementById("wave-swell")),document.getElementById("temperature-echart")&&we.dispose(document.getElementById("temperature-echart")),document.getElementById("wind-precip-echart")&&we.dispose(document.getElementById("wind-precip-echart"))},initHoursTableData(){var i,t,a,n,s,l,m,C,N,b,S,G,v,T,ee,te,oe,P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L;this.hoursTableData={hours:[],utcHours:[],weatherUrls:[],weatherNames:[],temp:[],precipProbability:[],precip1h:[],visibility:[],humidity:[],windSpeed:[],windDir:[],windGust:[],sigwaveHeight:[],sigwaveDir:[],windwaveHeight:[],windwaveDir:[],windwavePeriod:[],swellHeight:[],swellDir:[],swellPeriod:[],currentSpeed:[],currentDir:[],seaLevel:[],seaTemp:[]};for(let x=0;x<24;x++){const u=E(this.pickedDate).clone().add(x,"h").format();this.hoursTableData.hours.push(u);const f=((i=De.pickHourly(this.meteoData,u))==null?void 0:i[0])||{};this.hoursTableData.weatherUrls.push((t=f.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((a=f.weather)==null?void 0:a.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((n=f.weather)==null?void 0:n.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((l=(s=f.weather)==null?void 0:s.precip)==null?void 0:l.probability,1)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((C=(m=f.weather)==null?void 0:m.precip)==null?void 0:C.sum,1)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((N=f.weather)==null?void 0:N.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((b=f.weather)==null?void 0:b.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((G=(S=f.weather)==null?void 0:S.wind)==null?void 0:G.kts,1)),this.hoursTableData.windDir.push((T=(v=f.weather)==null?void 0:v.wind)==null?void 0:T.bearing),this.hoursTableData.windGust.push(this.roundPrecision((te=(ee=f.weather)==null?void 0:ee.wind)==null?void 0:te.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((P=(oe=f.wave)==null?void 0:oe.sig)==null?void 0:P.height,1)??"-"),this.hoursTableData.sigwaveDir.push((U=(j=f.wave)==null?void 0:j.sig)==null?void 0:U.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((X=(R=f.wave)==null?void 0:R.wd)==null?void 0:X.height,1)??"-"),this.hoursTableData.windwaveDir.push((J=(W=f.wave)==null?void 0:W.wd)==null?void 0:J.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((Z=(q=f.wave)==null?void 0:q.wd)==null?void 0:Z.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision(($=(_=f.wave)==null?void 0:_.swell)==null?void 0:$.height,1)??"-"),this.hoursTableData.swellDir.push((z=(h=f.wave)==null?void 0:h.swell)==null?void 0:z.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((k=(Q=f.wave)==null?void 0:Q.swell)==null?void 0:k.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((g=f.current)==null?void 0:g.speed,1)??"-"),this.hoursTableData.currentDir.push((L=f.current)==null?void 0:L.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(f.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(f.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.followItem=void 0,we&&document.getElementById("weather-chart")&&we.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,a,n,s,l,m,C,N,b,S,G,v,T,ee,te,oe,P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L,x,u,f,re;this.daysTableData=[];const i=Y(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let le=0;le<14;le++){const ie=E(i).clone().add(le,"d").format(),c=((t=De.pickDaily(this.meteoData,ie))==null?void 0:t[0])||{};this.daysTableData.push({localWeek:this.computeWeekLT(ie),localDate:this.computeMMMDDLT(ie),weatherUrl:(a=c==null?void 0:c.weather)==null?void 0:a.url,minTemp:this.roundPrecision((s=(n=c==null?void 0:c.weather)==null?void 0:n.temp)==null?void 0:s.min,0)??"-",maxTemp:this.roundPrecision((m=(l=c==null?void 0:c.weather)==null?void 0:l.temp)==null?void 0:m.max,0)??"-",weatherName:(C=c==null?void 0:c.weather)==null?void 0:C.name,precipSum:this.roundPrecision((b=(N=c==null?void 0:c.weather)==null?void 0:N.precip)==null?void 0:b.sum,1)??"-",precipRainSum:this.roundPrecision((G=(S=c==null?void 0:c.weather)==null?void 0:S.precip)==null?void 0:G.rainSum,1)??"-",precipSnowfallSum:this.roundPrecision((T=(v=c==null?void 0:c.weather)==null?void 0:v.precip)==null?void 0:T.snowfallSum,1)??"-",windSpeedMax:this.roundPrecision((te=(ee=c==null?void 0:c.weather)==null?void 0:ee.wind)==null?void 0:te.kts,1)??"-",windSpeedDir:(P=(oe=c==null?void 0:c.weather)==null?void 0:oe.wind)==null?void 0:P.bearing,gustSpeedMax:this.roundPrecision((U=(j=c==null?void 0:c.weather)==null?void 0:j.wind)==null?void 0:U.gusts,1)??"-",windWaveHeight:this.roundPrecision((X=(R=c==null?void 0:c.wave)==null?void 0:R.wd)==null?void 0:X.height,1)??"-",windWavePeriod:this.roundPrecision((J=(W=c==null?void 0:c.wave)==null?void 0:W.wd)==null?void 0:J.period,1)??"-",windWaveDir:(Z=(q=c==null?void 0:c.wave)==null?void 0:q.wd)==null?void 0:Z.bearing,swellWaveHeight:this.roundPrecision(($=(_=c==null?void 0:c.wave)==null?void 0:_.swell)==null?void 0:$.height,1)??"-",swellWavePeriod:this.roundPrecision((z=(h=c==null?void 0:c.wave)==null?void 0:h.swell)==null?void 0:z.period,1)??"-",swellWaveDir:(k=(Q=c==null?void 0:c.wave)==null?void 0:Q.swell)==null?void 0:k.bearing,sigWaveHeight:this.roundPrecision((L=(g=c==null?void 0:c.wave)==null?void 0:g.sig)==null?void 0:L.height,1)??"-",sigWavePeriod:this.roundPrecision((u=(x=c==null?void 0:c.wave)==null?void 0:x.sig)==null?void 0:u.period,1)??"-",sigWaveDir:(re=(f=c==null?void 0:c.wave)==null?void 0:f.sig)==null?void 0:re.bearing})}this.loading.daysTable=!1},initHourlyTableData(i,t,a,n){var C,N,b,S,G,v,T,ee,te,oe,P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L,x,u,f,re,le,ie,c,ce,y,F;this.hourlyTableData=[];const s=t||14,l=a||this.etime,m=Y(l).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let I=0;I<s*24;I++){let ne,H;if(I%3===0&&(H=3),n?I%3===0&&(ne=E(m).clone().add(I,"h").format()):I<3*24?ne=E(m).clone().add(I,"h").format():I<7*24?I%3===0&&(ne=E(m).clone().add(I,"h").format()):I%6===0&&(ne=E(m).clone().add(I,"h").format()),ne){const r=((C=De.pickHourly(i,ne))==null?void 0:C[0])||{},K=H===6?this.roundPrecision((b=(N=r==null?void 0:r.weather)==null?void 0:N.precip)==null?void 0:b.sum6Hours,1):H===3?this.roundPrecision((G=(S=r==null?void 0:r.weather)==null?void 0:S.precip)==null?void 0:G.sum3Hours,1):"-";this.hourlyTableData.push({localDate:this.computeMMMDDHHmmLT(ne),temp:this.roundPrecision((v=r==null?void 0:r.weather)==null?void 0:v.temp,0)??"-",precipSum:K??"-",visibility:this.roundPrecision((T=r==null?void 0:r.weather)==null?void 0:T.visibility,1)??"-",windSpeed:this.roundPrecision((te=(ee=r==null?void 0:r.weather)==null?void 0:ee.wind)==null?void 0:te.kts,1)??"-",windDir:(P=(oe=r==null?void 0:r.weather)==null?void 0:oe.wind)==null?void 0:P.direction,windBearing:(U=(j=r==null?void 0:r.weather)==null?void 0:j.wind)==null?void 0:U.bearing,windBF:((X=(R=r==null?void 0:r.weather)==null?void 0:R.wind)==null?void 0:X.scale)??"-",windGusts:this.roundPrecision((J=(W=r==null?void 0:r.weather)==null?void 0:W.wind)==null?void 0:J.gusts,1)??"-",windWaveHeight:this.roundPrecision((Z=(q=r==null?void 0:r.wave)==null?void 0:q.wd)==null?void 0:Z.height,1)??"-",windWavePeriod:this.roundPrecision(($=(_=r==null?void 0:r.wave)==null?void 0:_.wd)==null?void 0:$.period,1)??"-",windWaveDir:(z=(h=r==null?void 0:r.wave)==null?void 0:h.wd)==null?void 0:z.direction,windWaveBearing:(k=(Q=r==null?void 0:r.wave)==null?void 0:Q.wd)==null?void 0:k.bearing,sigWaveHeight:this.roundPrecision((L=(g=r==null?void 0:r.wave)==null?void 0:g.sig)==null?void 0:L.height,1)??"-",sigWavePeriod:this.roundPrecision((u=(x=r==null?void 0:r.wave)==null?void 0:x.sig)==null?void 0:u.period,1)??"-",sigWaveDir:(re=(f=r==null?void 0:r.wave)==null?void 0:f.sig)==null?void 0:re.direction,sigWaveBearing:(ie=(le=r==null?void 0:r.wave)==null?void 0:le.wd)==null?void 0:ie.bearing,currentDir:(c=r==null?void 0:r.current)==null?void 0:c.direction,currentSpd:this.roundPrecision((ce=r==null?void 0:r.current)==null?void 0:ce.kts,1)??"-",currentBearing:(F=(y=r==null?void 0:r.wave)==null?void 0:y.wd)==null?void 0:F.bearing,seaLevel:this.roundPrecision(r==null?void 0:r.height,1)??"-",seaSurfaceTemp:this.roundPrecision(r==null?void 0:r.sst,0)??"-"})}}this.loading.hourlyTable=!1},async handleSelectMonth(i){this.currentMonth=i,await this.fetchSeasonalData(),this.initSeasonalEchart()},async handleDateRange(){const{year0:i,month0:t,date0:a,year1:n,month1:s,date1:l}={year0:E(this.dateRange[0]).year(),month0:E(this.dateRange[0]).month(),date0:E(this.dateRange[0]).date(),year1:E(this.dateRange[1]).year(),month1:E(this.dateRange[1]).month(),date1:E(this.dateRange[1]).date()};this.dateRangeZ=[E(this.dateRangeZ[0]).set({year:i,month:t,date:a}).utc().format(),E(this.dateRangeZ[1]).set({year:n,month:s,date:l}).utc().format()];const m=E(this.dateRangeZ[1]).diff(E(this.dateRangeZ[0]),"d",!0)+1;await this.fetchHistoryMeteo(m),this.handleMeteogramData14(this.meteoData,m,this.dateRangeZ[0]),this.initHourlyTableData(this.meteoData,m,this.dateRangeZ[0],!0),this.selectDate=void 0},handlePickDate(i){i[1]?this.selectDate=null:this.selectDate=i[0].getTime()}}},ve={class:"spot-report"},je={class:"search-header-box"},Ke={class:"search-header-box-inner flex-between"},Ue={class:"search-box flex-start"},Re={class:"menu-box flex-end"},Xe={class:"content-box"},We={class:"title-section flex-between"},Je={class:"main-title"},qe={class:"sub-title"},Ze={key:0},_e={class:"flex-end"},$e={key:0,class:"meteogram-echart-section"},et={key:0,class:"card"},tt={class:"title flex-start"},st={style:{"margin-right":"5px"}},at={class:"datetime-select-box"},ot={key:1,class:"card flex-center"},it={key:2,class:"card flex-center"},nt={key:1,class:"weather-echart-section"},rt={key:0,id:"weather-chart",class:"weather-chart"},lt={key:1,class:"weather-chart weather-chart-loading flex-center"},At={key:2,class:"weather-chart flex-center"},ct={key:2,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},ht={key:0,class:"card"},dt={class:"date"},gt={class:"basic-table"},pt={class:"day"},mt={class:"hour"},wt={class:"icon"},ft=["src"],Bt={class:"text"},yt={class:"text"},Dt={class:"text"},Et={class:"text"},xt={class:"text"},ut={class:"text"},Ct={key:1},It={class:"text"},bt={class:"text"},kt={class:"wave-current-table"},Nt={class:"text"},Qt={class:"text"},Mt={key:1},Lt={class:"text"},zt={class:"text"},Ht={class:"text"},St={key:1},Pt={class:"text"},Tt={class:"text"},Gt={class:"text"},Ft={key:1},Vt={class:"text"},Ot={class:"sea-table"},Yt={class:"text"},vt={class:"text"},jt={key:1,class:"card card-loading flex-center"},Kt={key:2,class:"card flex-center"},Ut={key:3,class:"days-table-section"},Rt={key:0,class:"card"},Xt={class:"conditions-table"},Wt={rowspan:"1",colspan:"1",class:"tr-title font-gray",style:{"text-align":"right","padding-right":"10px","box-sizing":"border-box"}},Jt={rowspan:"1",colspan:"1"},qt=["src"],Zt={rowspan:"1",colspan:"1",class:"text-align-left"},_t={rowspan:"1",colspan:"1",class:"text-align-left"},$t={rowspan:"1",colspan:"1",class:"text-align-left"},es={rowspan:"1",colspan:"1",class:"text-align-left"},ts={rowspan:"1",colspan:"1",class:"text-align-left"},ss={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},as={key:1},os={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"25px"}},is={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},ns={key:1},rs={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},ls={key:1},As={rowspan:"1",colspan:"1",class:"text-align-right",style:{"padding-right":"30px"}},cs={key:1},hs={key:1,class:"card card-loading flex-center"},ds={key:2,class:"card flex-center"},gs={key:4,class:"hourly-table-section"},ps={key:0,class:"card"},ms={class:"conditions-table"},ws={rowspan:"1",colspan:"1",class:"border"},fs={rowspan:"1",colspan:"1",class:"border"},Bs={rowspan:"1",colspan:"1",class:"border"},ys={rowspan:"1",colspan:"1",class:"border"},Ds={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},Es={key:1},xs={rowspan:"1",colspan:"1",class:"border"},us={rowspan:"1",colspan:"1",class:"border"},Cs={rowspan:"1",colspan:"1",class:"border"},Is={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},bs={key:1},ks={rowspan:"1",colspan:"1",class:"border"},Ns={rowspan:"1",colspan:"1",class:"border"},Qs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},Ms={key:1},Ls={rowspan:"1",colspan:"1",class:"border"},zs={rowspan:"1",colspan:"1",class:"border"},Hs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},Ss={key:1},Ps={rowspan:"1",colspan:"1",class:"border"},Ts={rowspan:"1",colspan:"1",class:"border"},Gs={rowspan:"1",colspan:"1",class:"border"},Fs={key:1,class:"card card-loading flex-center"},Vs={key:2,class:"card flex-center"},Os={key:5,class:"seasonal-weather-section"},Ys={key:0,class:"card flex-space"},vs={class:"echart-box",style:{}},js={style:{cursor:"pointer"}},Ks={style:{padding:"3px 0 0 5px",cursor:"pointer"}},Us={class:"months-select-box"},Rs={class:"bg-select"},Xs=["onClick"],Ws={class:"flex-col-start-start right-bar"},Js={class:"",style:{"font-size":"16px","font-weight":"bold","margin-bottom":"20px"}},qs={class:"text"},Zs={class:"text"},_s={class:"text"},$s={class:"text"},ea={class:"text"},ta={class:"text"},sa={class:"text"},aa={class:"text"},oa={class:"text"},ia={class:"text"},na={class:"text"},ra={class:"text"},la={key:1,class:"card flex-center"},Aa={key:2,class:"card flex-center"},ca={key:0,class:"info-box-item flex-start"},ha={class:"text"},da={class:"info-box-item flex-start"},ga={class:"text"},pa={class:"info-box-item flex-start"},ma={key:1,class:"text"},wa={class:"info-box-item flex-center"};function fa(i,t,a,n,s,l){var P,j,U,R,X,W,J,q,Z,_,$,h,z,Q,k,g,L,x,u,f,re,le,ie,c,ce,y,F,I,ne,H,r,K,D,ae,V,A,p,O,w,de,M,se,he,B;const m=e.resolveComponent("ElOption"),C=e.resolveComponent("ElSelect"),N=e.resolveComponent("ElTooltip"),b=e.resolveComponent("Calendar"),S=e.resolveComponent("el-icon"),G=e.resolveComponent("ArrowRightBold"),v=e.resolveComponent("ElIcon"),T=e.resolveComponent("el-date-picker"),ee=e.resolveComponent("ElInput"),te=e.resolveComponent("ElButton"),oe=e.resolveComponent("ElDialog");return e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("div",je,[e.createElementVNode("div",Ke,[e.createElementVNode("div",Ue,[e.createVNode(C,{modelValue:s.searchName,"onUpdate:modelValue":t[0]||(t[0]=o=>s.searchName=o),filterable:"",class:"input",clearable:"",remote:"",placeholder:s.placeholder,autocomplete:"","remote-show-suffix":"","remote-method":l.fetchSuggestPosition,onFocus:l.handleSearchFocus,onBlur:t[1]||(t[1]=o=>s.placeholder="search for port name or coordinates"),onChange:l.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.positionList,o=>(e.openBlock(),e.createBlock(m,{key:o.name,label:o.nameRemark,value:o.name},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","remote-method","onFocus","onChange"])]),e.createElementVNode("div",Re,[e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===1?"active":""]),onClick:t[2]||(t[2]=o=>s.menuIndex=1)},"History",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===2?"active":""]),onClick:t[3]||(t[3]=o=>s.menuIndex=2)},"7-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===3?"active":""]),onClick:t[4]||(t[4]=o=>s.menuIndex=3)},"14-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===4?"active":""]),onClick:t[5]||(t[5]=o=>s.menuIndex=4)},"Seasonal Forecast",2)])])]),e.createElementVNode("div",Xe,[e.createElementVNode("div",We,[e.createElementVNode("div",null,[e.createElementVNode("div",Je,e.toDisplayString(s.menuIndex===4?"Seasonal":"")+" Weather forecast for "+e.toDisplayString(((P=s.position)==null?void 0:P.name)||"-")+" ( UTC"+e.toDisplayString(s.positionOffset)+" )",1),e.createElementVNode("div",qe,[e.createTextVNode(" At "+e.toDisplayString((j=s.position)!=null&&j.portId?"port":"coordinates"),1),(U=s.position)!=null&&U.portId?(e.openBlock(),e.createElementBlock("span",Ze,", "+e.toDisplayString(l.computeLat(s.position.lat))+", "+e.toDisplayString(l.computeLng(s.position.lng)),1)):e.createCommentVNode("",!0),e.createTextVNode(", issued "+e.toDisplayString(s.issuedDate),1)])]),e.createElementVNode("div",_e,[e.createVNode(N,{placement:"left",effect:"light",content:s.followItem?"Remove the Port/Coordinate from My Follows":"Add the Port/Coordinate to My Follows","show-after":1e3},{default:e.withCtx(()=>[s.followItem?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon active",onClick:t[6]||(t[6]=(...o)=>l.handleFollowDialogOpen&&l.handleFollowDialogOpen(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[7]||(t[7]=(...o)=>l.handleFollowDialogOpen&&l.handleFollowDialogOpen(...o))},""))]),_:1},8,["content"])])]),s.menuIndex===1||s.menuIndex===2||s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",$e,[(R=s.position)!=null&&R.name&&a.token&&!((X=s.loading)!=null&&X.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("div",tt,[t[14]||(t[14]=e.createElementVNode("div",{style:{"margin-right":"20px"}},"Meteogram",-1)),e.withDirectives(e.createElementVNode("div",{id:"history-date-title",class:"flex-space",style:{cursor:"pointer"},onClick:t[8]||(t[8]=o=>s.meteoData.showDateSelect=!s.meteoData.showDateSelect)},[e.createVNode(S,{size:"16",style:{"margin-right":"10px"}},{default:e.withCtx(()=>[e.createVNode(b)]),_:1}),e.createElementVNode("span",st,e.toDisplayString(l.computeMMMDDyyyyLT(s.dateRangeZ[0]))+" ~ "+e.toDisplayString(l.computeMMMDDyyyyLT(s.dateRangeZ[1])),1),e.createVNode(v,{size:"16"},{default:e.withCtx(()=>[e.createVNode(G)]),_:1})],512),[[e.vShow,s.menuIndex===1]]),e.withDirectives(e.createElementVNode("div",at,[e.createVNode(T,{modelValue:s.dateRange,"onUpdate:modelValue":t[9]||(t[9]=o=>s.dateRange=o),type:"daterange","range-separator":"~","start-placeholder":"Start date","end-placeholder":"End date",shortcuts:s.datePickerOptions.shortcuts,disabledDate:s.datePickerOptions.disabledDate,onCalendarChange:l.handlePickDate,onChange:l.handleDateRange},null,8,["modelValue","shortcuts","disabledDate","onCalendarChange","onChange"])],512),[[e.vShow,((W=s.meteoData)==null?void 0:W.showDateSelect)&&s.menuIndex===1]])]),t[15]||(t[15]=e.createElementVNode("div",{id:"weather-icons"},null,-1)),t[16]||(t[16]=e.createElementVNode("div",{id:"weather-condition"},null,-1)),t[17]||(t[17]=e.createElementVNode("div",{id:"wave-swell"},null,-1))])):(J=s.loading)!=null&&J.meteogramEchart?(e.openBlock(),e.createElementBlock("div",ot,t[18]||(t[18]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",it,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",nt,[(q=s.position)!=null&&q.name&&a.token&&!((Z=s.loading)!=null&&Z.weatherEchart)?(e.openBlock(),e.createElementBlock("div",rt)):(_=s.loading)!=null&&_.weatherEchart?(e.openBlock(),e.createElementBlock("div",lt,t[19]||(t[19]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",At,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",ct,[($=s.position)!=null&&$.name&&a.token&&!((h=s.loading)!=null&&h.hoursTable)?(e.openBlock(),e.createElementBlock("div",ht,[e.createElementVNode("div",dt,e.toDisplayString(s.pickedWeek)+" "+e.toDisplayString(l.computeMMMDDLT(s.pickedDate)),1),e.createElementVNode("table",gt,[e.createElementVNode("tr",pt,[t[20]||(t[20]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Local time"),e.createElementVNode("span",{class:"unit"},"(LT)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{key:`${o}${d}hoursLT`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(l.computeHourLT(o)),3))),128))]),e.createElementVNode("tr",mt,[t[21]||(t[21]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("UTC"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{key:`${o}${d}hoursLZ`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(l.computeHourZ(o)),3))),128))]),e.createElementVNode("tr",wt,[t[22]||(t[22]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Weather"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.weatherUrls,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}weatherUrls-weatherNames`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[e.createVNode(N,{placement:"top",effect:"light",content:s.hoursTableData.weatherNames[d],"show-after":500},{default:e.withCtx(()=>[o?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",src:o},null,8,ft)):e.createCommentVNode("",!0)]),_:2},1032,["content"])],2))),128))]),e.createElementVNode("tr",Bt,[t[23]||(t[23]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.temp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}temp`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",yt,[t[24]||(t[24]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation Probability"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.precipProbability,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}precipProbability`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Dt,[t[25]||(t[25]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation 1h"),e.createElementVNode("span",{class:"unit"},"mm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.precip1h,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}precip1h`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Et,[t[26]||(t[26]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Visibility"),e.createElementVNode("span",{class:"unit"},"nm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.visibility,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}visibility`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",xt,[t[27]||(t[27]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Relative Humidity"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.humidity,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}humidity`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ut,[t[28]||(t[28]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",Ct,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",It,[t[29]||(t[29]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windSpeed`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",bt,[t[30]||(t[30]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind gust"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windGust,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windGust`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))])]),t[42]||(t[42]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",kt,[e.createElementVNode("tr",Nt,[t[31]||(t[31]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windwaveHeight`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Qt,[t[32]||(t[32]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windwaveDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windwaveDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",Mt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Lt,[t[33]||(t[33]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.windwavePeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}windwavePeriod`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",zt,[t[34]||(t[34]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.swellHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}swellHeight`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Ht,[t[35]||(t[35]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.swellDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}swellDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",St,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Pt,[t[36]||(t[36]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.swellPeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}swellPeriod`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Tt,[t[37]||(t[37]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sig wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.sigwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}sigwaveHeight`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Gt,[t[38]||(t[38]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.currentDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}currentDir`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",Ft,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Vt,[t[39]||(t[39]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.currentSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}currentSpeed`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))])]),t[43]||(t[43]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",Ot,[e.createElementVNode("tr",Yt,[t[40]||(t[40]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea level height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.seaLevel,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}seaLevel`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",vt,[t[41]||(t[41]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea surface temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hoursTableData.seaTemp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{key:`${o}${d}seaTemp`,rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":"")},e.toDisplayString(o),3))),128))])])])):(z=s.loading)!=null&&z.hoursTable?(e.openBlock(),e.createElementBlock("div",jt,t[44]||(t[44]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Kt,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",Ut,[(Q=s.position)!=null&&Q.name&&a.token&&!((k=s.loading)!=null&&k.daysTable)?(e.openBlock(),e.createElementBlock("div",Rt,[t[56]||(t[56]=e.createElementVNode("div",{class:"date"},"Daily Forecast",-1)),e.createElementVNode("table",Xt,[t[54]||(t[54]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1"}),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Conditions"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Precipitation"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"text-align-left"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"text-align-left"},"Wave")],-1)),t[55]||(t[55]=e.createElementVNode("tr",{class:"hour tr-title border-bottom"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black",style:{"text-align":"right","padding-right":"10px","box-sizing":"border-box"}},"Date"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"40px"}},"Weather"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"70px"}}),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Temperature"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Sum"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Rain"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Snowfall"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Speed_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Gust_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Wind wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Swell wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Sig.wave_max")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.daysTableData,o=>(e.openBlock(),e.createElementBlock("tr",{key:Math.random()+o.localDate,class:"text border-bottom"},[e.createElementVNode("td",Wt,[e.createElementVNode("div",null,e.toDisplayString(o.localWeek),1),e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",Jt,[o.weatherUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",style:{width:"34px",height:"34px"},src:o.weatherUrl},null,8,qt)):e.createCommentVNode("",!0)]),e.createElementVNode("td",Zt,e.toDisplayString(o.weatherName),1),e.createElementVNode("td",_t,[e.createTextVNode(e.toDisplayString(o.minTemp)+" / "+e.toDisplayString(o.maxTemp),1),t[45]||(t[45]=e.createElementVNode("span",{class:"unit"},"°C",-1))]),e.createElementVNode("td",$t,[e.createTextVNode(e.toDisplayString(o.precipSum),1),t[46]||(t[46]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",es,[e.createTextVNode(e.toDisplayString(o.precipRainSum),1),t[47]||(t[47]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",ts,[e.createTextVNode(e.toDisplayString(o.precipSnowfallSum),1),t[48]||(t[48]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",ss,[e.createElementVNode("span",null,e.toDisplayString(o.windSpeedMax),1),t[49]||(t[49]=e.createElementVNode("span",{class:"unit"},"kts",-1)),!isNaN(o.windSpeedDir)&&!isNaN(o.windSpeedMax)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windSpeedDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",as,"-"))]),e.createElementVNode("td",os,[e.createElementVNode("span",null,e.toDisplayString(o.gustSpeedMax),1),t[50]||(t[50]=e.createElementVNode("span",{class:"unit"},"kts",-1))]),e.createElementVNode("td",is,[e.createElementVNode("span",null,e.toDisplayString(o.windWaveHeight),1),t[51]||(t[51]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.windWaveDir)&&!isNaN(o.windWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ns,"-"))]),e.createElementVNode("td",rs,[e.createElementVNode("span",null,e.toDisplayString(o.swellWaveHeight),1),t[52]||(t[52]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.swellWaveDir)&&!isNaN(o.swellWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.swellWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ls,"-"))]),e.createElementVNode("td",As,[e.createElementVNode("span",null,e.toDisplayString(o.sigWaveHeight),1),t[53]||(t[53]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.sigWaveDir)&&!isNaN(o.sigWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",cs,"-"))])]))),128))])])):(g=s.loading)!=null&&g.daysTable?(e.openBlock(),e.createElementBlock("div",hs,t[57]||(t[57]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",ds,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===1||s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",gs,[(L=s.position)!=null&&L.name&&a.token&&!((x=s.loading)!=null&&x.hourlyTable)?(e.openBlock(),e.createElementBlock("div",ps,[t[60]||(t[60]=e.createElementVNode("div",{class:"date"},"Hourly Forecast",-1)),e.createElementVNode("table",ms,[t[58]||(t[58]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"2",colspan:"1",class:"border",style:{width:"70px"}},"DateTime"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Precip.3h"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Visibility"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"border"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Wind wave"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Sig.wave"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"border"},"Current"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Level"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Surface")],-1)),t[59]||(t[59]=e.createElementVNode("tr",{class:"hour tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"°C"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border",style:{width:"60px"}},"Acc (mm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dist (nm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"BF"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Gusts(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp(°C)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.hourlyTableData,o=>(e.openBlock(),e.createElementBlock("tr",{key:Math.random()+o.localDate,class:"text border-bottom"},[e.createElementVNode("td",ws,[e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",fs,[e.createElementVNode("div",null,e.toDisplayString(o.temp),1)]),e.createElementVNode("td",Bs,e.toDisplayString(o.precipSum),1),e.createElementVNode("td",ys,e.toDisplayString(o.visibility),1),e.createElementVNode("td",Ds,[e.createTextVNode(e.toDisplayString(o.windDir)+" ",1),!isNaN(o.windBearing)&&o.windDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Es,"-"))]),e.createElementVNode("td",xs,e.toDisplayString(o.windSpeed),1),e.createElementVNode("td",us,e.toDisplayString(o.windBF),1),e.createElementVNode("td",Cs,e.toDisplayString(o.windGusts),1),e.createElementVNode("td",Is,[e.createTextVNode(e.toDisplayString(o.windWaveDir)+" ",1),!isNaN(o.windWaveBearing)&&o.windWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",bs,"-"))]),e.createElementVNode("td",ks,e.toDisplayString(o.windWaveHeight),1),e.createElementVNode("td",Ns,e.toDisplayString(o.windWavePeriod),1),e.createElementVNode("td",Qs,[e.createTextVNode(e.toDisplayString(o.sigWaveDir)+" ",1),!isNaN(o.sigWaveBearing)&&o.sigWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ms,"-"))]),e.createElementVNode("td",Ls,e.toDisplayString(o.sigWaveHeight),1),e.createElementVNode("td",zs,e.toDisplayString(o.sigWavePeriod),1),e.createElementVNode("td",Hs,[e.createTextVNode(e.toDisplayString(o.currentDir)+" ",1),!isNaN(o.currentBearing)&&o.currentDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.currentBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ss,"-"))]),e.createElementVNode("td",Ps,e.toDisplayString(o.currentSpd),1),e.createElementVNode("td",Ts,e.toDisplayString(o.seaLevel),1),e.createElementVNode("td",Gs,e.toDisplayString(o.seaSurfaceTemp),1)]))),128))])])):(u=s.loading)!=null&&u.hourlyTable?(e.openBlock(),e.createElementBlock("div",Fs,t[61]||(t[61]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Vs,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===4?(e.openBlock(),e.createElementBlock("div",Os,[(f=s.position)!=null&&f.name&&a.token&&!((re=s.loading)!=null&&re.seasonalEchart)?(e.openBlock(),e.createElementBlock("div",Ys,[e.createElementVNode("div",vs,[e.createElementVNode("div",{id:"seasonal-title",class:"title flex-start",onClick:t[10]||(t[10]=o=>s.seasonalData.showMonths=!s.seasonalData.showMonths)},[e.createElementVNode("div",js,e.toDisplayString((c=(ie=(le=s.currentMonth)==null?void 0:le.month)==null?void 0:ie.split("-"))==null?void 0:c[0])+" "+e.toDisplayString((F=(y=(ce=s.currentMonth)==null?void 0:ce.month)==null?void 0:y.split("-"))==null?void 0:F[1]),1),e.createElementVNode("div",Ks,[e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(G)]),_:1})]),e.withDirectives(e.createElementVNode("div",Us,[e.createElementVNode("div",Rs,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.monthsOptions,o=>{var d;return e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["month-option",((d=s.currentMonth)==null?void 0:d.month)===o.month?"active":""]),onClick:fe=>l.handleSelectMonth(o)},e.toDisplayString(o.month),11,Xs)}),128))])],512),[[e.vShow,s.seasonalData.showMonths]])]),t[62]||(t[62]=e.createElementVNode("div",{id:"temperature-echart"},null,-1)),t[63]||(t[63]=e.createElementVNode("div",{id:"wind-precip-echart"},null,-1))]),e.createElementVNode("div",Ws,[e.createElementVNode("div",Js,e.toDisplayString((I=s.currentMonth)==null?void 0:I.month)+" Summary",1),t[64]||(t[64]=e.createElementVNode("div",{class:"label"},"Temperature",-1)),e.createElementVNode("div",qs,"Avg High Temp: "+e.toDisplayString(s.seasonalData.minHighTemp)+" to "+e.toDisplayString(s.seasonalData.maxHighTemp)+" °C",1),e.createElementVNode("div",Zs,"Avg Low Temp: "+e.toDisplayString(s.seasonalData.minLowTemp)+" to "+e.toDisplayString(s.seasonalData.maxLowTemp)+" °C",1),e.createElementVNode("div",_s,"Hottest Day: "+e.toDisplayString(s.seasonalData.hottestDay),1),e.createElementVNode("div",$s,"Coldest Day: "+e.toDisplayString(s.seasonalData.coldestDay),1),t[65]||(t[65]=e.createElementVNode("div",{class:"label"},"Precipitation",-1)),e.createElementVNode("div",ea,"Light (<10mm): "+e.toDisplayString((r=(H=(ne=s.seasonalData)==null?void 0:ne.precip)==null?void 0:H.filter(o=>o<10))==null?void 0:r.length)+" days",1),e.createElementVNode("div",ta,"Moderate (<=24.9mm): "+e.toDisplayString((ae=(D=(K=s.seasonalData)==null?void 0:K.precip)==null?void 0:D.filter(o=>o>=10&&o<24.9))==null?void 0:ae.length)+" days",1),e.createElementVNode("div",sa,"Heavy (<=49.9mm): "+e.toDisplayString((p=(A=(V=s.seasonalData)==null?void 0:V.precip)==null?void 0:A.filter(o=>o>=24.9&&o<49.9))==null?void 0:p.length)+" days",1),e.createElementVNode("div",aa,"Rainstorm (<=99.9mm): "+e.toDisplayString((de=(w=(O=s.seasonalData)==null?void 0:O.precip)==null?void 0:w.filter(o=>o>=49.9&&o<99.9))==null?void 0:de.length)+" days",1),e.createElementVNode("div",oa,"Heavy Rainstorm (>=100mm): "+e.toDisplayString((he=(se=(M=s.seasonalData)==null?void 0:M.precip)==null?void 0:se.filter(o=>o>=100))==null?void 0:he.length)+" days",1),t[66]||(t[66]=e.createElementVNode("div",{class:"label"},"Wind",-1)),e.createElementVNode("div",ia,"Mean Wind: "+e.toDisplayString(l.roundPrecision(s.seasonalData.meanWind,1))+" kts",1),e.createElementVNode("div",na,"Windiest Day: "+e.toDisplayString(s.seasonalData.windiestDay)+" ( "+e.toDisplayString(s.seasonalData.maxWindSpeed)+"kts )",1),e.createElementVNode("div",ra,"Dominant Wind Dir: "+e.toDisplayString(s.seasonalData.dominantWind),1)])])):(B=s.loading)!=null&&B.seasonalEchart?(e.openBlock(),e.createElementBlock("div",la,t[67]||(t[67]=[e.createElementVNode("img",{style:{height:"200px"},src:xe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Aa,"No Data"))])):e.createCommentVNode("",!0)]),e.createVNode(oe,{modelValue:s.showFollowDialog,"onUpdate:modelValue":t[13]||(t[13]=o=>s.showFollowDialog=o),title:s.followDialogTitle,modal:!1,width:"440",draggable:!0,"show-close":!1,class:"follow-dialog","close-on-click-modal":!1},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:"iconfont close-btn",onClick:t[11]||(t[11]=o=>s.showFollowDialog=!1)},""),s.position.portId?(e.openBlock(),e.createElementBlock("div",ca,[t[68]||(t[68]=e.createElementVNode("span",{class:"label"},"Port:",-1)),e.createElementVNode("span",ha,e.toDisplayString(s.position.name),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",da,[t[69]||(t[69]=e.createElementVNode("span",{class:"label"},"Postion:",-1)),e.createElementVNode("span",ga,e.toDisplayString(this.computeLat(this.position.lat)+", "+this.computeLng(this.position.lng)),1)]),e.createElementVNode("div",pa,[t[70]||(t[70]=e.createElementVNode("span",{class:"label"},"Remark:",-1)),s.followItem?(e.openBlock(),e.createElementBlock("span",ma,e.toDisplayString(s.position.remark||"-"),1)):(e.openBlock(),e.createBlock(ee,{key:0,modelValue:s.followRemark,"onUpdate:modelValue":t[12]||(t[12]=o=>s.followRemark=o),class:"text"},null,8,["modelValue"]))]),e.createElementVNode("div",wa,[s.followItem?(e.openBlock(),e.createBlock(te,{key:0,type:"info",plain:"",onClick:l.handleClickFollow},{default:e.withCtx(()=>t[71]||(t[71]=[e.createTextVNode("Remove")])),_:1},8,["onClick"])):(e.openBlock(),e.createBlock(te,{key:1,type:"primary",onClick:l.handleClickFollow},{default:e.withCtx(()=>t[72]||(t[72]=[e.createTextVNode("Confirm")])),_:1},8,["onClick"]))])])]),_:1},8,["modelValue","title"])])}const Ne=Oe(Ye,[["render",fa],["__scopeId","data-v-f30ebaf0"]]),Ba={install(i){i.component("SpotReport",Ne)}};me.SpotReport=Ne,me.SpotReportPlugin=Ba,Object.defineProperty(me,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-34dbce66]{margin:0 auto;padding:0;display:flex;flex-direction:column;color:var(--idm-black-8);font-size:14px;box-sizing:border-box}.spot-report .search-header-box[data-v-34dbce66]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-34dbce66]{width:1160px;height:48px;margin:0 auto;box-sizing:border-box}.spot-report .search-header-box .search-header-box-inner .search-box .input[data-v-34dbce66]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-34dbce66]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-34dbce66]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-34dbce66]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-34dbce66]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-34dbce66]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section[data-v-34dbce66]{margin-bottom:10px}.spot-report .content-box .title-section .main-title[data-v-34dbce66]{font-size:18px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-34dbce66]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-34dbce66]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-34dbce66]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-34dbce66]{color:var(--idm-danger-color)}.spot-report .content-box .weather-echart-section[data-v-34dbce66]{height:225px;width:100%;margin:5px 0 15px;box-sizing:border-box;background:var(--idm-white)}.spot-report .content-box .weather-echart-section .weather-chart[data-v-34dbce66]{height:100%;width:100%;font-size:14px;border:1px solid var(--idm-gray-light);border-radius:5px;box-sizing:border-box}.spot-report .content-box .weather-echart-section .weather-chart.weather-chart-loading[data-v-34dbce66]{background:none}.spot-report .content-box .meteogram-echart-section[data-v-34dbce66]{height:580px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .card[data-v-34dbce66]{height:100%}.spot-report .content-box .meteogram-echart-section .title[data-v-34dbce66]{font-weight:700;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .datetime-select-box[data-v-34dbce66]{margin-left:10px;margin-top:-40px;height:0;position:relative;z-index:9}.spot-report .content-box .meteogram-echart-section #weather-icons[data-v-34dbce66]{position:relative;height:30px;width:100%;top:60px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #weather-condition[data-v-34dbce66]{height:290px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #wave-swell[data-v-34dbce66]{height:240px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section[data-v-34dbce66]{height:660px;box-sizing:border-box;margin:5px 0 15px}.spot-report .content-box .seasonal-weather-section .card[data-v-34dbce66]{height:100%}.spot-report .content-box .seasonal-weather-section .right-bar[data-v-34dbce66]{margin-left:10px;padding:20px 5px;font-size:13px;height:100%;max-width:280px;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .right-bar .label[data-v-34dbce66]{padding:0 0 20px;color:var(--idm-primary-color);font-size:14px;font-weight:700}.spot-report .content-box .seasonal-weather-section .right-bar .text[data-v-34dbce66]{padding:0 0 15px 10px}.spot-report .content-box .seasonal-weather-section .echart-box[data-v-34dbce66]{flex:1;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box[data-v-34dbce66]{width:180px;margin-left:10px;margin-top:-30px;height:0;position:relative;z-index:9}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .bg-select[data-v-34dbce66]{box-shadow:0 2px 12px #ddd;background:#fff;color:#606266;font-size:14px;font-weight:400}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-34dbce66]{padding:5px 20px;cursor:pointer}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option.active[data-v-34dbce66]{color:#409eff;font-weight:700}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-34dbce66]:hover{background:var(--idm-gray-light)}.spot-report .content-box .seasonal-weather-section .echart-box .title[data-v-34dbce66]{font-size:16px;font-weight:700;height:40px;line-height:40px;padding:0 10px}.spot-report .content-box .seasonal-weather-section .echart-box #temperature-echart[data-v-34dbce66]{height:280px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section .echart-box #wind-precip-echart[data-v-34dbce66]{height:330px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-34dbce66],.spot-report .content-box .days-table-section[data-v-34dbce66],.spot-report .content-box .hourly-table-section[data-v-34dbce66]{margin:5px 0 15px;border-radius:4px;font-size:14px;color:var(--idm-black-8)}.spot-report .content-box .hours-table-section .card[data-v-34dbce66],.spot-report .content-box .days-table-section .card[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card[data-v-34dbce66]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-34dbce66],.spot-report .content-box .days-table-section .card.card-loading[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card.card-loading[data-v-34dbce66]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-34dbce66],.spot-report .content-box .days-table-section .card .date[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .date[data-v-34dbce66]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table[data-v-34dbce66]{width:100%;line-height:26px;font-size:12px;padding:5px;background:#fff;border-collapse:collapse;border:1px solid var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .tr-title[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .tr-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .tr-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .tr-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .tr-title[data-v-34dbce66]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .td-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .td-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .td-title[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .td-title[data-v-34dbce66]{width:180px;padding-right:10px;text-align:right!important;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .unit[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .unit[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .unit[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .unit[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .unit[data-v-34dbce66]{width:24px;padding:0 5px;text-align:left;display:inline-block;color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-left[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-left[data-v-34dbce66]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-right[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .text-align-right[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-right[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .text-align-right[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-right[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-right[data-v-34dbce66]{text-align:right}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .font-gray[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-gray[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .font-gray[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .font-gray[data-v-34dbce66]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .font-black[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-black[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .font-black[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .font-black[data-v-34dbce66]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .border-bottom[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .border-bottom[data-v-34dbce66]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table .border[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .border[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .border[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .border[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .border[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .border[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .border[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .border[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .border[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .border[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .border[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .border[data-v-34dbce66]{border:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table td[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table td[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table td[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table td[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table td[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table td[data-v-34dbce66]{text-align:center;line-height:20px;width:40px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table td.active[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table td.active[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table td.active[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table td.active[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table td.active[data-v-34dbce66]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table th[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table th[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table th[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table th[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table th[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table th[data-v-34dbce66]{color:var(--idm-info-color);font-weight:400;text-align:center;line-height:20px;width:40px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-34dbce66],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-34dbce66],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-34dbce66],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-34dbce66],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .basic-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .wave-current-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .sea-table .weather-icon[data-v-34dbce66],.spot-report .content-box .hourly-table-section .card .conditions-table .weather-icon[data-v-34dbce66]{width:24px;height:24px;cursor:pointer}[data-v-34dbce66] .follow-dialog{padding:0 10px 10px;box-shadow:0 2px 12px #0000004d}[data-v-34dbce66] .follow-dialog .el-dialog__header{padding:10px!important}[data-v-34dbce66] .follow-dialog .close-btn{position:absolute;right:10px;top:11px;font-size:20px;color:var(--idm-black-2);cursor:pointer}[data-v-34dbce66] .follow-dialog .close-btn:hover{color:var(--idm-primary-color)}[data-v-34dbce66] .follow-dialog .info-box-item{padding:10px 20px!important}[data-v-34dbce66] .follow-dialog .info-box-item .label{width:55px;margin-right:10px;text-align:right}
|
|
1
|
+
@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-f30ebaf0]{margin:0 auto;padding:0;display:flex;flex-direction:column;color:var(--idm-black-8);font-size:14px;box-sizing:border-box}.spot-report .search-header-box[data-v-f30ebaf0]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-f30ebaf0]{width:1160px;height:48px;margin:0 auto;box-sizing:border-box}.spot-report .search-header-box .search-header-box-inner .search-box .input[data-v-f30ebaf0]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-f30ebaf0]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-f30ebaf0]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-f30ebaf0]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-f30ebaf0]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-f30ebaf0]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section[data-v-f30ebaf0]{margin-bottom:10px}.spot-report .content-box .title-section .main-title[data-v-f30ebaf0]{font-size:18px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-f30ebaf0]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-f30ebaf0]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-f30ebaf0]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-f30ebaf0]{color:var(--idm-danger-color)}.spot-report .content-box .weather-echart-section[data-v-f30ebaf0]{height:225px;width:100%;margin:5px 0 15px;box-sizing:border-box;background:var(--idm-white)}.spot-report .content-box .weather-echart-section .weather-chart[data-v-f30ebaf0]{height:100%;width:100%;font-size:14px;border:1px solid var(--idm-gray-light);border-radius:5px;box-sizing:border-box}.spot-report .content-box .weather-echart-section .weather-chart.weather-chart-loading[data-v-f30ebaf0]{background:none}.spot-report .content-box .meteogram-echart-section[data-v-f30ebaf0]{height:580px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .card[data-v-f30ebaf0]{height:100%}.spot-report .content-box .meteogram-echart-section .title[data-v-f30ebaf0]{font-weight:700;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .datetime-select-box[data-v-f30ebaf0]{margin-left:10px;margin-top:-40px;height:0;position:relative;z-index:9}.spot-report .content-box .meteogram-echart-section #weather-icons[data-v-f30ebaf0]{position:relative;height:30px;width:100%;top:60px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #weather-condition[data-v-f30ebaf0]{height:290px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #wave-swell[data-v-f30ebaf0]{height:240px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section[data-v-f30ebaf0]{height:660px;box-sizing:border-box;margin:5px 0 15px}.spot-report .content-box .seasonal-weather-section .card[data-v-f30ebaf0]{height:100%}.spot-report .content-box .seasonal-weather-section .right-bar[data-v-f30ebaf0]{margin-left:10px;padding:20px 5px;font-size:13px;height:100%;max-width:280px;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .right-bar .label[data-v-f30ebaf0]{padding:0 0 20px;color:var(--idm-primary-color);font-size:14px;font-weight:700}.spot-report .content-box .seasonal-weather-section .right-bar .text[data-v-f30ebaf0]{padding:0 0 15px 5px}.spot-report .content-box .seasonal-weather-section .echart-box[data-v-f30ebaf0]{flex:1;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box[data-v-f30ebaf0]{width:180px;margin-left:10px;margin-top:-30px;height:0;position:relative;z-index:9}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .bg-select[data-v-f30ebaf0]{box-shadow:0 2px 12px #ddd;background:#fff;color:#606266;font-size:14px;font-weight:400}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-f30ebaf0]{padding:5px 20px;cursor:pointer}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option.active[data-v-f30ebaf0]{color:#409eff;font-weight:700}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-f30ebaf0]:hover{background:var(--idm-gray-light)}.spot-report .content-box .seasonal-weather-section .echart-box .title[data-v-f30ebaf0]{font-size:16px;font-weight:700;height:40px;line-height:40px;padding:0 10px}.spot-report .content-box .seasonal-weather-section .echart-box #temperature-echart[data-v-f30ebaf0]{height:280px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section .echart-box #wind-precip-echart[data-v-f30ebaf0]{height:330px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-f30ebaf0],.spot-report .content-box .days-table-section[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section[data-v-f30ebaf0]{margin:5px 0 15px;border-radius:4px;font-size:14px;color:var(--idm-black-8)}.spot-report .content-box .hours-table-section .card[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card[data-v-f30ebaf0]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card.card-loading[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card.card-loading[data-v-f30ebaf0]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .date[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .date[data-v-f30ebaf0]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table[data-v-f30ebaf0]{width:100%;line-height:26px;font-size:12px;padding:5px;background:#fff;border-collapse:collapse;border:1px solid var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .tr-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .tr-title[data-v-f30ebaf0]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .td-title[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .td-title[data-v-f30ebaf0]{width:180px;padding-right:10px;text-align:right!important;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .unit[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .unit[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .unit[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .unit[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .unit[data-v-f30ebaf0]{width:24px;padding:0 5px;text-align:left;display:inline-block;color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-left[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-left[data-v-f30ebaf0]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-right[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-right[data-v-f30ebaf0]{text-align:right}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .font-gray[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .font-gray[data-v-f30ebaf0]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .font-black[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .font-black[data-v-f30ebaf0]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .border-bottom[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .border-bottom[data-v-f30ebaf0]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table .border[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .border[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .border[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .border[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .border[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .border[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .border[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .border[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .border[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .border[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .border[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .border[data-v-f30ebaf0]{border:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table td[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table td[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table td[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table td[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table td[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table td[data-v-f30ebaf0]{text-align:center;line-height:20px;width:40px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table td.active[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table td.active[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table td.active[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table td.active[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table td.active[data-v-f30ebaf0]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table th[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table th[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table th[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table th[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table th[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table th[data-v-f30ebaf0]{color:var(--idm-info-color);font-weight:400;text-align:center;line-height:20px;width:40px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .basic-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .wave-current-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .sea-table .weather-icon[data-v-f30ebaf0],.spot-report .content-box .hourly-table-section .card .conditions-table .weather-icon[data-v-f30ebaf0]{width:24px;height:24px;cursor:pointer}[data-v-f30ebaf0] .follow-dialog{padding:0 10px 10px;box-shadow:0 2px 12px #0000004d}[data-v-f30ebaf0] .follow-dialog .el-dialog__header{padding:10px!important}[data-v-f30ebaf0] .follow-dialog .close-btn{position:absolute;right:10px;top:11px;font-size:20px;color:var(--idm-black-2);cursor:pointer}[data-v-f30ebaf0] .follow-dialog .close-btn:hover{color:var(--idm-primary-color)}[data-v-f30ebaf0] .follow-dialog .info-box-item{padding:10px 20px!important}[data-v-f30ebaf0] .follow-dialog .info-box-item .label{width:55px;margin-right:10px;text-align:right}
|