20 lines
18 KiB
JavaScript
20 lines
18 KiB
JavaScript
|
import{_ as Ce,r as l,A as te,V as Ie,W as Ee,d as v,o as V,c as x,l as d,m as f,e as n,w as u,L as P,N as Q,k as Ve,f as W,g as ae,F as _e,x as ke,a2 as Re,p as xe,q as Te}from"./index.afd881ee.js";import{_ as oe}from"./close1.45635d81.js";import{m as B,g as le,p as Ue,a as X,b as K,c as Ne,d as qe,z as We,e as Oe}from"./information.f996c80f.js";import{_ as T}from"./icon.d0cb5387.js";import"./linesGL.306b5757.js";import"./install.6cb28b74.js";const Ye="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMVSURBVHic7Zs9rptAEMfHloMLI5m4fBT2Daw0HCNSilwjB4hSRjlArpHCUo5BY+UGpuCVMZaMhLB3SYFB2GYNPO8ym2V+HfiDkYaZ+c8wjA6ncwYEKhOWAfz88R3bjsHy5es3GHOKA1R4BjBmHNuMYcM4UCRgk0cCOQEVRukIH8YBJqJ0ZNs2TKfTfi2STJIkEMdxefzX+QCvLx9RbFlEW3h5/X13ntKRBrAMYMwpHaHCOcCYZSNsOwYNy0YkUbHhGcCkrTrazTwIbK88Xu834KShItPac2vX8ujDKvYRLeoGNWsaQOpIA9Cbtchy8S6uCQ+bNZVU87iThrCMfS3qCwZo6ahaSCPLhejdcCMib9YUOiGy3LuUU5eCqk4ZGp0kahciy4U/7z+Vx04awnq/yT9ruOsjy4Vg5pXO+t8kZ1eUSdRgdn1n3zpFRPG9arSYHiW91oQmR+xmnvBzk1WUsgHeXKB0IssV3tmP7niTldNlgCf/j1exD8ujnDxe1BJTUaqOZDhCl/mUSpSoo2r+dk4hHNLwTTm9cODV/xnoEMYvy18yuJWWzxLYHgQ356pS1xSkpiOZDhARWS7sZmZJVqnLX33JyINhclVqsyZLDTVex7DuOS/Mkpywin1wTuFdtwzwtiipK8LzNDSuOLMMYMK5vAf9ThqCk14XzjbjijrmaWj0zKiA85HascXtHKgLge0ZV4TryCNBgRPaDuyaKEYZJkeEstX4urpQIMrpovOmT1GVjbJFKWh59IXDvUcjCpPTkrJRdp1cbfNwRuQI52SWIqrCVD1ZW8V+2VQVd37bvL7eb8oRSPFb02RpFaXbFs/MeOqkrqmgbFvURURf3baOXJq1/i+83m9KBTWUpkwElznK7sKQ0k0TyveOiGboPWYNoNV4DaDVeA1AX40nnmzWZExJCUpHWkASVQNIompAp5qwis1+TwCLS02gN/oxyd/op3SEirLVeKI9pI404OFqfJIkkCRJvxYpZhFtYRFtsc244uFq/Pl87teagULpSAOoWdMAep6gATwDGH3+lZEbkPkHY1PbNuQOW5gAAAAASUVORK5CYII=",De="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAALUSURBVHic7Zy/jtpAEMbHCImGJ4AW11GQ5XcARUh5EYorUl2ZKkWKvAiSFcE7WFYQNdfaDxAJyTqvxBWOjc9ZGwy7O3Pr+XXmj73y551v9mOF81e8noFBZQgg4Of3H9jj6C1Pz99g4IDAHkevcUDAAFgEZFgEArAIBGARCCBg2GTM4/EYRqOR4QGpJU1TOJ1O5fHnT39g9SVAGcv+MIfg9+q/1/8Zc4YwJOZCxuUIH/YEArAIBGgx5jq+twXf25XHm2ANceLqGtnN1McVRgsIoyXiiLrBK2YSsAgEQBZhOjmiXZsOIo+yTVOt43HiQhgtSPgLDgInyq4a6XRy7PWM0G7Mshssu+FVUfqHpnI0nRzh6+pXeRwnLmyCdfnete/63q783EdrObujaSbUn+y6KE0Un6sKZf8sMegJ14TwvW3j+zZ7hjZPiJOZ9PWi1Mhoe+Lt7pw0RdlhtIQwWig5V+El9qIxylYhBJV8Si8auqNq/Y4TF+Lk5a6aXghYP599dEhRr1FvLR8l94j3PlFtdW1BqTGrFKCJXOit1muYR6EIptrI6eTFyHXMoVAEVd0QleuYQ6Exh9ES4sSV9vv3zBKZCcfJzEJzFjB0zgIAhkpOlxvn+5t0S1whP9fM8swoxzlrTlHrOVAXfG9noQnLMJSi3ktR2uyeEYZS1CpNNb3p9V6kqLpmgoz8Z0x5uNcWUdhdljRF2bI28pYfZ5qEsK8juuDo8oQwWpaLquLJv7Wub4J1GYEU37VZBK27LR7JeGStrr0gbI2XzQj7VsFdyHD2HW2CdWXfUT8WZc0ojLK70K9y0w5vCCYBi0AAFoEASHtRmQvsCSR4YLGmIiVlANgTSMAiEICNGZ1OKWq+rbHP8YIuuBwRgEUgAP/LCwEyNmZsWo05TVNI09TwkPSyP8xhf5hjD6NGiwhC8AwxAxszAVgEAvCKGR0HBDjnbMB/WI7MG+1cZUJxNgzwAAAAAElFTkSuQmCC",Ge="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMFSURBVHic7ZwxrtpAEIbHCIIESEkbuYMDoDS+AUhpIuUW1ClS5AApUqTOFVIhpYkEN3CD3gF4nZUWIhlZePGm4NkYZ23sx+7OvvV8nQ3YI493/tnfa5y/8ZEDgUoXOIPvX79hx9FaPn35DB2HM+w4Wo3DGXQgoSSgkjDoAI0EXDglAR8qRwaQMOiWCfNoNIJ+v685IrlEUQRhGGbb714/wIe3v1Fi2eyn8OvP+//2PwnzCSEkIiM5kSagQ8JsACTMBlAlzEW8wQq84TrbXu4WEMQTVaHVphiXH87AP8wRI2qGQ+XIAKgcGQC2beH2tmjnNgbOzla2bvJ1PIgn4IczI/QFBc6g4yCUo7yQur1tq0eEo7ociS6w6ILnk9I6VJUjt7eFj29+ZNtBPIHlbpF9duu33nCdfe+ltZyNUdUdFe/sYlLKSL+XT5T1oyRh+h5v3kqEN1iVfm6zZiibrAXHsXB/WmpEVN3xVndOqqxs/zAHP5xJOVaqJdai0sqWkQhT/CmlcAZd2cKcr99BPIEgfnxWTU8TWDyedTRxUW9RbC3v5awR1zqRb3VtQaowy0xAGW5vC95gpfQc2pE5T9DVRrqvHrWcRxsybQtZ3ZAp59GGTNvCP8whiCfCfv85o0QkwsFxbJ84cwZdmS7qWTivL1Idu0J4rOPYbs/oCeUuatEHaoI3XNsnwiIu5agr9bh1DbtbpKXN6hGhy0XNU1bTy/a3wkVV9TxBhB/OSs29KovC6rLEFVnZojayzsOZskRY1xHlcFR4RwDnGp5OqtI7v25dX+4WmQWS/tbmJECicLXFPR6PqNW1Foyl8aIRYd0suAnJCWfd0XK3uKw7asmkrBQu0cpuQqvKzQ3oFVoTwF6LSgC9qWMEWGtRiQvKXVSiBvc81JHhkhJAb+oYAZUjA1DlohL1aeSi+od5u+0FVVA5MgCarBkA/cuLASQnEmZsKoU5iiKIokhzSGrZ7Kew2U+xw7im6vEmYzRCtEDCbABkWxiAzldoCTEOZ+DwnwP6w3Jk/gEJuNpNUi+YCwAAAABJRU5ErkJggg==",He="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAL7SURBVHic7Zy/ittAEMbnHIMJuBZW5UJVwGCbvMEVAudNXFy
|
||
|
|
<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="${T}" alt=""/> <span>\u540D\u79F0:</span><span>${m.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${T}" alt=""/> <span>\u7ECF\u5EA6:</span><span>${m.lon}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${T}" alt=""/> <span>\u7EF4\u5EA6:</span><span>${m.lat}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;const R=i.getElement().querySelector(".close-btn");R&&R.addEventListener("click",()=>{i.setPosition(void 0)})}else if(Z==="0"){for(const a in g.value)C===g.value[a].contacts&&(m.name=C,m.phone=g.value[a].phone,m.region=g.value[a].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="${T}" alt=""/><span>\u59D3\u540D:</span><span>${m.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${T}" alt=""/><span>\u624B\u673A:</span><span>${m.phone}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${T}" alt=""/><span>\u4F4D\u7F6E:</span><span>${m.region}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`,o.setStyle(new ol.style.Style({image:new ol.style.Icon({src:Ue,scale:.5})})),s.getLayers().forEach(function(a){if(a instanceof ol.layer.Vector){let c=a.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:X,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:K,scale:.5})})))}});const R=i.getElement().querySelector(".close-btn");R&&R.addEventListener("click",()=>{i.setPosition(void 0),s.getLayers().forEach(function(a){if(a instanceof ol.layer.Vector){let c=a.getSource().getFeatures()[0];c.get("type")==="0"&&(c.get("warning")==="0"?c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:K,scale:.5})})))}})})}})});var w=new ResizeObserver(function(r){r.forEach(function(S){var b=S.contentRect.width,y=S.contentRect.height;t.style.width=b+"px",t.style.height=y+"px",s.updateSize()})});w.observe(e)}function ye(){if(_.value=!_.value,_.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 fe=()=>{J(),B({data:h.value,alertRange:I.value,flag:2}).then(e=>{U.value=e.data,G()})},J=()=>{for(const e in N.value)s.removeLayer(N.value[e]);N.value=[];for(const e in q.value)s.removeLayer(q.value[e]);q.value=[];for(const e in k.value)s.removeLayer(k.value[e]);k.value=[],Ne({flag:2,data:h.value}).then(e=>{p.value=e.data;for(const t in p.value){const i=[parseFloat(p.value[t].msLongitude),parseFloat(p.value[t].msLatitude)],w=128,r=[];for(let E=0;E<w;E++){const o=2*Math.PI*E/w,C=ol.sphere.computeDestinationPoint(i,I.value,o);r.push(C)}const S=new ol.Feature({geometry:new ol.geom.Polygon([r])}),b=new ol.style.Style({stroke:new ol.style.Stroke({color:"rgb(255,255,0)",width:2})});N.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[S]}),style:b}),p.value[t].warning!=="\u65E0\u707E\u5BB3"&&s.addLayer(N.value[t]);const y=new ol.geom.Point(i),A=new ol.Feature({geometry:y,id:p.value[t].msName,type:p.value[t].flag});A.setStyle(new ol.style.Style({image:new ol.style.Icon({src:de(p.value[t].warning),scale:.5})})),q.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[A]})}),s.addLayer(q.value[t])}}),qe({flag:2,alertRange:I.value,data:h.value}).then(e=>{g.value=e.data;for(const t in g.value){const i=[parseFloat(g.value[t].latitude),parseFloat(g.value[t].longitude)],w=new ol.geom.Point(i),r=new ol.Feature({geometry:w,id:g.value[t].contacts,type:g.value[t].flag,warning:g.value[t].earlyWarning});g.value[t].earlyWarning==="0"?(r.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})),k.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),s.addLayer(k.value[t])):g.value[t].earlyWarning==="1"&&(r.setStyle(new ol.style.Style({image:new ol.style.Icon({src:K,scale:.5})})),k.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),s.addLayer(k.value[t]))}})},he=()=>{J(),B({data:h.value,alertRange:I.value,flag:2}).then(e=>{U.value=e.data,G()})},we=()=>{Oe(L.value).then(e=>{console.log(e.data),e.data.code=="OK"&&Re({message:"\u53D1\u9001\u6210\u529F",type:"success"})})},Se=e=>{L.value=e};return(e,t)=>{const i=v("el-date-picker"),w=v("el-radio"),r=v("el-radio-group"),S=v("el-option"),b=v("el-select"),y=v("el-button"),A=v("el-table-column"),E=v("el-table"),o=v("el-pagination"),C=v("el-tooltip"),Z=v("el-collapse-item"),R=v("el-collapse");return V(),x("div",Fe,[Ze,d("div",Le,[d("div",Me,[f(" \u76D1\u6D4B\u65E5\u671F:\u2003 "),n(i,{"popper-class":"date_poper",class:"m-2",modelValue:h.value,"onUpdate:modelValue":t[0]||(t[0]=a=>h.value=a),onChange:he,format:"YYYY \u5E74 MM \u6708 DD \u65E5","value-format":"YYYY-MM-DD",type:"date",placeholder:"\u9009\u62E9\u65E5\u671F"},null,8,["modelValue"])]),d("div",ze,[Je,d("div",Pe,[d("div",Qe,[f(" \u9884\u8B66\u8303\u56F4\uFF1A "),n(r,{onChange:t[1]||(t[1]=a=>fe()),modelValue:I.value,"o
|