20 lines
20 KiB
JavaScript
20 lines
20 KiB
JavaScript
|
import{_ as Ve,r as l,A as ae,V as Ge,d as m,o as k,c as E,l as d,m as y,e as n,w as u,L as _,N as D,k as Ce,f as N,g as te,F as ke,x as Fe,p as Re,q as Se}from"./index.955aa49e.js";import{_ as oe}from"./close1.45635d81.js";import{m as Z,g as le,p as Ee,a as W,b as X,c as Ue,d as xe,z as ze,e as Be}from"./information.573b7ba7.js";import{_ as U}from"./icon.d0cb5387.js";import"./linesGL.306b5757.js";import"./install.6cb28b74.js";const Ne="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOJSURBVHic7ZyxbtswEIb/uPYieKq0NoMNe80aoBnrZwk69QHasX2AjnkWZWyBrFlj2IPT0Q5QwBBgKJY6uBLsMynT0imiSH5LYEMmmDve/eIdpYu/r68pHI3STVLg54/vTc/DWr58/YbOtulZWM4WQCdpehaWkwDoJE4RGiVJXSQ0josEDUhSoCsT5n6//6aTqYM4jrHZbPLPvz5c4fflVSNz+bh4xM3z49H3WwBdWTrq9XrodDq1Tqxu4jhuegoncelIA5wwa0ACuM1a0+w2ay4dNUqSFgjzKcJghDAYY7J8wmQ5lV53d3mNmecXXhcGI8w9H4NoVTiWiST4X8A7l5nnIwzGAJD/FRkvDEaYeX5+3SB6wTBaCa4b5+POPR+3i4fzJ9VSkrSkJlBDZkakDKKXg8/3wejkeDPPzx1nA5UKeHS13l1eH10zjFZKBv5EokjmLBOptE/gNPAwWmGyfDoYK7TEEZX3CaoGps4SGZhqiizFmUblHbNqNNDUJTPwfjQA4hRnGqWFeR8VbQCODSyLBttEmq2zVsbAYTB2Ig3GAh6ngVVTnCmwFvA4DUzHMlkbWAt4dd6yAuIUZwLsBTzOPYFqims77P0E1WigBp5LjEudOvfeM81UH2rprA1IXUlUsANw4Bz6mwwTjU5hj4T96ipwfOuaoZrf6abOxDI3e2eNrlxaRc3YN+5Q0kOgjpI5tO2wCzONAnHv4NC4slRkQxQAzOmIM8XYEgUAszDTKKhiXFuiAGAq4AEuCqrAVsBzUVAelnTkoqAaLMLMaVy6czY9CgCGSOBMMfvHY4rGMo3KwlxnirEhCoCKwiwqzIm+k+2aKTQVmVgxFVH5yAtd1SqNnDAYC8Vc1MixwRGVhVnUmFcxsKg3oOpU02Ap4ImOs1BHiAwsalmqOtUk2Ap4IkfQlT5ZTpUcoeJUk2Ar4KmmEtWVruJUU2At4NGVPvP80ivdJn1gK+BlcK50Vae2ncJHaIvYPcyh1v9VPdh7H4wwj4rHVD1M3CZKPamTPSZ13m9OX6960k40VhiMcbt4kB4q0JlSwqzrkfW2aoZRD5PLetW6U0qYdaxuyk5stIFcmN+d8aPdXctUq/v2NmpBRi7M5zgho83/uE64d1togHu3hQbsNEFyd9SGdwWdy82z+MVPTVL4bov1ev2mk7EVo/YJbcUJswY4YdaALYCLz3/cC8ub5h/z9IXO6TBS7gAAAABJRU5ErkJggg==",Me="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMrSURBVHic7Zw9ctswEIWfGalTzYZd3LIN22R0Ax8jVQ6QlMkBchLfQOO0csvWqaKGXWbUaGiBKRw6NAJQS3Bp/H6VqYE08C52H7AAcfX78bFDwior0QHfv3213Y9o+fT5C7Kz7V5EzhlAJmz3InIEgEwkRbCK6FIkWCdFggOIDljphHmz2bxqZ5agbVucTqfn5w/vHvC++mmlLz/2b3F3f/3f52cAK106Wq/XyLJs0Y4tTdu2trtwkZSOHCAJswMIIC3WbPO0WEvpyCqiGxHmS1Rljaqssa9L7OtS2+5mu0ORN6PtqrJGkTc4NPnob4WIsTAXeYOqrAH8c4aK3rjy37p2VVnjZrub3iGPEZ2hJhya/MWzzgkm7Yq80TorRGYV8G532xfPqhF8aHKSgeUUpHNWiMxaJ3AaWNaCYboLndnrBKqBZWep2sUaDbNXzNRokFOXzsCyI2IQaWNhHkLRBoA20vd1GZ1Is+2smRhYN2WNLS2xFfA4DUxNcaHAWsDjNHBM2sBawFtyyqprFwLsBTzONQE1xfkO+37ClGiQ26mQnRqkE7BAKVuuF8nPPUODUtqECnskyKllrHRNQW4XYpmbfWdNHrm6ET40rm4PIQYHAAsIsxwFKifIxqU4qv+9EGFNR5wpJhYHAMzCLEfBHONG5QSOAh6QomAObAW8FAXmsKSjFAXzYBFmTuPKU9wonICZkcCZYuTaUAwOABiEeckUE4sTZgmzqq6j+ky3GLv03RjqRgDDkReTjRzdiT3VRk4MjmA58mJ6nEVVZ4plI2cISwFPdZxFVR+ibFlSnRoSbAU8lSNU002KIyhODQm2Ah41lVBHOsWpocBawJNHepE3xiM9Jn1gK+D1cI50qlN9Z/QV2jGmHMiaUlu6tKagzr58QuDvVTtTMBFKSnuqY1W/VZU1bndb8sLQJYyE2dXc7Gq/LhHUy+Q+RgFgKMwu5l+f3/p8FuY3E77Uz1pcmrf7GgXAQJinOKHH53/cJdLdFg6Q7rZwgCdN0MyOfLgraCp399fKi59sMnq3xfF4fNXOxEpQ6wRfScLsAEmYHeAM4Orjr3RhuW3+AGh9hIyKaDyVAAAAAElFTkSuQmCC",Oe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAORSURBVHic7ZxBbptAFIb/UFgQ2Uh1FRbxBSLhbQ6Q43TVA7TL9gA9UQ7grS3lACULR3VVbNWywLiLBMseZvAAz2GYmW8TYQ2jyXvz3s+8Gbj6m2V7WDrFzffAzx/fux6HsXz5+g3OrutRGM4OgJN3PQrDyQE4uVWETsn3NhI6x0aCAuR7wBUJ82AweNfBXII0TbHdbg/X96Ml7j/96WQs098fMV2OSr/vALiidOR5HhzHuejALk2apl0P4Sw2HSmAFWYFyAG7WOua18WaTUedku8rhPkckR9j4seYbcaYb8bCdg/BE0I3qWwX+TFCb4VFOqzsS0dyvBXw6hK6CSZ+DACHvzzjRX6M0E0O7V7SIRZZUGpX9BG6CUJvhcfkrv6gekq+b6gJrCELI7K8pMOT6+j6+Wx/oZscHGcCrQp47Gx9CJ5KbRZZIGXg+b/bk2uRs3Sk1TqB0sCLLMDsKJ2FboJIEF260XqdIGtg1lk8A7OaIkpxutF6xSwbDWzqEhl4xjiCl+J0o7EwHyOjDUDZwKJoME2kyXbWmhh4cvT4etLOMJEmK+BRGlg2xekCaQGP0sBsXzprA2kB75KPrAA/xekAeQGPck0gm+L6Dvl+gnQ0sE9B3orbH+vUG0G7PnORnbUFUy/iFewAnDiHvadAR6OzkEfCcXUVKD+6Fsjmd3ZRp2OZm3xnjZ25bBW14Ni4iywQlsGPETm075ALMxsFvFTEGleUikyIAoA4HVGmGFOiACAWZjYK2hjXlCgAiAp4gI2CNpAV8GwUNIckHdkoaAeJMFMal1056x4FAEEkUKaYiKkNmRAFAIEwXzLFmBAFQEth5hXmeL+JVs2le5lUpGPFlEfrIy+lmr/ERs7Ej/mla85GjgmOaH/khbMxL2Ng3t6ArFN1g6SAxzvOUqoPcQzM27KUdapOkBXweI5gZ/p8M5ZyhIxTdYKsgCebSmRnuoxTdYG0
|
||
|
|
<div class="info-window">
|
||
|
|
<div class="close-btn" ><span>\u7AD9\u70B9\u4FE1\u606F</span><img src="${le}" alt=""/> </div>
|
||
|
|
<div class="content" style="color:white;font-size: 16px">
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${U}" alt=""/> <span>\u540D\u79F0:</span><span>${p.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${U}" alt=""/> <span>\u7ECF\u5EA6:</span><span>${p.lon}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${U}" alt=""/> <span>\u7EF4\u5EA6:</span><span>${p.lat}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;const S=i.getElement().querySelector(".close-btn");S&&S.addEventListener("click",()=>{i.setPosition(void 0)})}else if(q==="0"){for(const t in g.value)V===g.value[t].contacts&&(p.name=V,p.phone=g.value[t].phone,p.region=g.value[t].region);i.setPosition(o.getGeometry().getCoordinates()),i.getElement().innerHTML=`
|
||
|
|
<div class="info-window" >
|
||
|
|
<div class="close-btn" ><span>\u4EBA\u5458\u4FE1\u606F</span><img src="${le}" alt=""/> </div>
|
||
|
|
<div class="content" style="color:white;font-size: 16px">
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${U}" alt=""/><span>\u59D3\u540D:</span><span>${p.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${U}" alt=""/><span>\u624B\u673A:</span><span>${p.phone}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${U}" alt=""/><span>\u4F4D\u7F6E:</span><span>${p.region}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`,o.setStyle(new ol.style.Style({image:new ol.style.Icon({src:Ee,scale:.5})})),s.getLayers().forEach(function(t){if(t instanceof ol.layer.Vector){let c=t.getSource().getFeatures()[0];c.get("type")==="0"&&c!==o&&(c.get("warning")==="0"?c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:W,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})))}});const S=i.getElement().querySelector(".close-btn");S&&S.addEventListener("click",()=>{i.setPosition(void 0),s.getLayers().forEach(function(t){if(t instanceof ol.layer.Vector){let c=t.getSource().getFeatures()[0];c.get("type")==="0"&&(c.get("warning")==="0"?c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:W,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})))}})})}})});var h=new ResizeObserver(function(r){r.forEach(function(b){var I=b.contentRect.width,f=b.contentRect.height;a.style.width=I+"px",a.style.height=f+"px",s.updateSize()})});h.observe(e)}function fe(){if(F.value=!F.value,F.value){let e=document.querySelector(".rightWra");e.style.transform="translate(0,0)"}else{let e=document.querySelector(".rightWra");e.style.transform="translate(107%,0)"}}const ye=()=>{Q(),Z({data:w.value,alertRange:G.value,flag:1}).then(e=>{x.value=e.data,j()})},Q=()=>{for(const e in z.value)s.removeLayer(z.value[e]);z.value=[];for(const e in B.value)s.removeLayer(B.value[e]);B.value=[];for(const e in R.value)s.removeLayer(R.value[e]);R.value=[],Ue({flag:1,data:w.value}).then(e=>{A.value=e.data;for(const a in A.value){const i=[parseFloat(A.value[a].msLongitude),parseFloat(A.value[a].msLatitude)],h=128,r=[];for(let C=0;C<h;C++){const o=2*Math.PI*C/h,V=ol.sphere.computeDestinationPoint(i,G.value,o);r.push(V)}const b=new ol.Feature({geometry:new ol.geom.Polygon([r])}),I=new ol.style.Style({stroke:new ol.style.Stroke({color:"rgb(255,255,0)",width:2})});z.value[a]=new ol.layer.Vector({source:new ol.source.Vector({features:[b]}),style:I}),A.value[a].warning!=="\u65E0\u707E\u5BB3"&&s.addLayer(z.value[a]);const f=new ol.geom.Point(i),v=new ol.Feature({geometry:f,id:A.value[a].msName,type:A.value[a].flag});v.setStyle(new ol.style.Style({image:new ol.style.Icon({src:de(A.value[a].warning),scale:.5})})),B.value[a]=new ol.layer.Vector({source:new ol.source.Vector({features:[v]})}),s.addLayer(B.value[a])}}),xe({flag:1,alertRange:G.value,data:w.value}).then(e=>{g.value=e.data;for(const a in g.value){const i=[parseFloat(g.value[a].latitude),parseFloat(g.value[a].longitude)],h=new ol.geom.Point(i),r=new ol.Feature({geometry:h,id:g.value[a].contacts,type:g.value[a].flag,warning:g.value[a].earlyWarning});g.value[a].earlyWarning==="0"?(r.setStyle(new ol.style.Style({image:new ol.style.Icon({src:W,scale:.5})})),R.value[a]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),s.addLayer(R.value[a])):g.value[a].earlyWarning==="1"&&(r.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})),R.value[a]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),s.addLayer(R.value[a]))}})},we=()=>{Q(),Z({data:w.value,alertRange:G.value,flag:1}).then(e=>{x.value=e.data,j()})},he=()=>{Be({meteorologicalStations:T.value}).then(e=>{console.log(e.data)})},be=e=>{T.value=e};return(e,a)=>{const i=m("el-date-picker"),h=m("el-radio"),r=m("el-radio-group"),b=m("el-option"),I=m("el-select"),f=m("el-button"),v=m("el-table-column"),C=m("el-table"),o=m("el-pagination"),V=m("el-tooltip"),q=m("el-collapse-item"),S=m("el-collapse");return k(),E("div",He,[Ye,d("div",qe,[d("div",Te,[y(" \u76D1\u6D4B\u65E5\u671F:\u2003 "),n(i,{"popper-class":"date_poper",class:"m-2",modelValue:w.value,"onUpdate:modelValue":a[0]||(a[0]=t=>w.value=t),onChange:we,format:"YYYY \u5E74 MM \u6708 DD \u65E5","value-format":"YYYY-MM-DD",type:"date",placeholder:"\u9009\u62E9\u65E5\u671F"},null,8,["modelValue"])]),d("div",Pe,[Ke,d("div",Qe,[d("div",_e,[y(" \u9884\u8B66\u8303\u56F4\uFF1A "),n(r,{onChange:a[1]||(a[1]=t=>ye()),modelValue:G.value,"onUpdate:modelValue":a[2]||(a[2]=t=>G.value=t),clas
|