20 lines
20 KiB
JavaScript
20 lines
20 KiB
JavaScript
|
import{_ as ke,r as l,A as te,V as Ce,W as Re,d as v,o as V,c as x,l as d,m as f,e as o,w as u,L as P,N as G,k as Ve,f as M,g as ae,F as Be,x as Se,a2 as Ie,p as xe,q as We}from"./index.afd881ee.js";import{_ as se}from"./close1.45635d81.js";import{m as T,g as le,p as De,a as J,b as X,c as Fe,d as qe,z as Me,e as Le}from"./information.f996c80f.js";import{_ as W}from"./icon.d0cb5387.js";import"./linesGL.306b5757.js";import"./install.6cb28b74.js";const Qe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAO0SURBVHic7Zs7bttAEIZ/CTJdWIBpNwbCQr6BkUbHCOAitzBygCBlkAPkGikM5AZu1Ri+gVjQZUwDIkBQ4jKFOPSIWkoUX8vHfoAh2SZHi/l3Z2eGq9H7ehNBo5RJGAG/f/1UPY7B8u37D4yFXgdKEREwDoXqYQybUECvBNVsV4IWQSmhDkfqCQUwyQpH0+kU5+fnzY6oYnzfh+d5ye//zM94/fRFyViu3Wd8ev2793cdjlpAGAFjocORUoQAxmE0Uj2OQRNGI52iqkYXay1AF2stQGl25BoWXq7u1Xx4i1BarL1c3WshoDAccccPXQgl4YhWAEcmxNPNA55uHnov0LZYa1AEmQDEUFdEoynq8mKeKQDhGhaWF/NmBtQSDjbwqmR5MYc9zefcvNf1hUb2hFMEIIYkRO0NvCICDI24gVePcS1APmrLjqoUoO+bdS3ZkWtYla8AezrvrRBh1eGozly/r0JUGo6aKLb6KERl4ajJardvQlTWwLMbdkqfhBBRfCC4DK5h4TJwcBk4eDeso62JssxWi53PNgOn1s+rmzACJkKUe9BvBk7iiCWO94fKcustjl/UIYQY6XNHqmm8la3ZR5+2aAH6tEULqCQ7KgplOU1kVG0mjIBJk+FotlrsZzfxoWnXsGDnePrWN0qFo1OdJRWAYQYO7t4ed+qAIVA4HFGrOu1Yes+7qFnOJxHdMwvm+qPWuPW211MbhIt99/a4Z8M9szpdO8TF2uk3mmsHNrbOTotBTpRVs1khx45fuR3ucJkt/syCi9g1hCi4EszAwWy1SJxAr3xGklNotsqeMZiBsyOITFRui+xxIWerRWcFAGglFNwTaMbTjKQfk/WRgN1wQv+TzVw+s/PamnndFgCgPaFkdsRnrD3dztB0uMnjsLSoAArb6hKFzx2lN2YSwlw7cM+sZObO6O8ZDpPFei4GgMRW1grqeic1yY7GJ97IN2bgYzUkHVVPfh/Fc3rPycq0jtlyDQt3b4+dFSIp1k4WgW3MWZspJ08hlseOzFbnN+YyxyDTNQF3IhCvFsmsp5hO7wEkoSctKtkBkIQ5buuYYF2gdO9Itpkmr6lrD22ovMbg2ZbMDtlKF25dpVSKyuFi8NlaJJOR2aL7+5QVEZWkqJxbb5G5kaq01Wb084QWEB+N19/oV8n2G/368aZSaj0ar8mHPm3RAg5mR77vw/f9ZkdUM9fuM67dZ9XD2CE89Dxhs9k0O5qBosNRC9CHv1qALtZagIiA0dc/kZZBMf8BYgHJaKNTTmIAAAAASUVORK5CYII=",Ue="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANnSURBVHic7Zw9buJAFMf/Rkg0nAC3oV4tQtwBtELKLVIkFFtsteVWW2yRiyChFdzBshZRkxYOsBKStYzEFubB2BmD44+Zsf1+UhSS2I/R+4/fl4mdv+LfCYxR2oDArx8/Ta+jsXz9/g0tB8L0OhqNA4EWWATDsAgWwCJYAItgAQLtpMTc7XbR6XQ0L6hYgiDA4XC4/Pz50x9MvyyMrGW9GWDxe/ru9+fEfDSwJObKkcOReTgnWACLYAGCO2bTcMdsBQZFcHtbPE5fjby3XRgU4XH6ykIAMCaC7HgWwkBipitARiXE89MLnp9eai+Q9sSsEoBo7hWhUYTRcJkoAOH2thgNl1rWYw8ivL1ZNqPhEqPhKuWx6Y6rDxpywkcEuJ7THCFKzwlZBGgeJY6yWYC0lDTKLlKA+ifrEsJR6LRir4DRcFVjIQpOzGXW+nUVotDErKPZqqcQBYmgs9utnxAFiaC7CqqXEAV0zG5vi93+Abv9A9ze293RRF48fxx7736p71c+Am3nJAC0M5vY7fsXR6SZD+XF8yel2teNc+LbmxbAIlgAi2ABLIIF3PhAcNlQlaOjorIZR9dNHcLzx4nVDc2cmidIjnD0UWfdEgAIS935YhbpA5qBQDvL/QQaVccdS6/lDjrJ+SQiNVzUa3j+BJ4/uYxBZLHni9k7G25vW/He4ZgtHIUOW53HB1ExyImqbjY55KzO517tyA5X2ZLvWcgiVo+MiXm378Pzxxcn0Hd5R5JTaLeq5ku7fT8iiEpU2RbZk4X0/HGFBciZmGnH046kr3BXhnMkIBpO6G+qnSvv7LS2qi5ASAHVkbxjaYfGw00ah8VFBZDZVrXIKEI8MZMQFF5o51Klk+QwVayXxQiPeTvbUF9B1Z+k5sgJlJgBRES45RA5N8R3eFKldc+W29tivphVVojMOUFOzEnJVCZNI5bGjspW9UNTzsQM4F0ylUOQateTgPQ6PHcZsRG3QzbiI457glWDnIlZlUyvpWi0JL2VUOUeQ662VHbIVrxxqy4FzY5kMeTdmqWSUdm6dtNVDz0qCp6iFhkaqh9m0sH/vWkFLIIFsAgWwE95sYAjP1bBNDc75iAIEASB5iWVy3ozwHozML2MGDdEEIKvED1wYrYAFsEC+HlHxnEg4JyOLX5guWH+A4nQToIbW0F1AAAAAElFTkSuQmCC",Ne="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOdSURBVHic7Zw9TtxAFMf/Xu0GaUEKDUXkDh8Apdkb7EppInELCqpIpMgBUqRIzRVSIaWJBDdwg3KATWelhUheWdhrp3CeMzbjXeOPmbH9fhLaBczb0fxn3tcYW3/CpwSMVqZIInz9/EX3OEbLh08fMbGSSPc4Ro2VRJggZhG0EkeYgHeCXhIWQT/sjgwgjjAtC8xHR0c4ODhQPKJ2CYIAvu9n3799/RPv3/zQMpb7xzN8//3u2c//BeathiExGfGWY4J2ODAbAAdmA4gjrph1Y7E7MgCd7sierXF+fK3ls41CZ9vi/PiahQD0ZUfixI9eiCTCxFLsjmgHiMiEuDy5wuXJ1eAFslS7I5kAxGh3hEp3tJjflgpA2LM1FvNbJeMxhiTCVEV2tJjfYnF4V+3aitcNBhXF2ksEyP5mREJ0XqzVEWB0dNnKZgEq0lUru00BBh+su2hb2LN16ztgcXg3XCHaDsxd5vpDFaLVwKyi2BqkEG25I5XV7uCEaKttoToLGpQQSZTeENwEe7aG93QK7+kU9qtfe1sTTXH9Zf6zQ6fTz+ucJMK0aRfVC51sIhbY3x9qirtZdWpfNcq7qIwEPmM2AL7lxQDYHRlAsuOG4K6hLEdFRmUylqpDHcL1l8+zm036Qj2n0QnSxB29dLKkAgh4oYObh4tcHTAK0p3w8vMEalUXJ5beixV02eSTiFRwUa3hblZwN6usDSKKffNw8cyGPVv3u3aIt/Uq5nTC7tL2QUEMmkRZNVvuclLRRDvihMtsiWcWooi9o25g9kIHrr/MJoFexRVJk0KrVdZf8kInJ4h
|
||
|
|
<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="${W}" alt=""/> <span>\u540D\u79F0:</span><span>${p.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${W}" alt=""/> <span>\u7ECF\u5EA6:</span><span>${p.lon}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${W}" alt=""/> <span>\u7EF4\u5EA6:</span><span>${p.lat}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;const I=i.getElement().querySelector(".close-btn");I&&I.addEventListener("click",()=>{i.setPosition(void 0)})}else if(z==="0"){for(const a in g.value)k===g.value[a].contacts&&(p.name=k,p.phone=g.value[a].phone,p.region=g.value[a].region);i.setPosition(s.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="${W}" alt=""/><span>\u59D3\u540D:</span><span>${p.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${W}" alt=""/><span>\u624B\u673A:</span><span>${p.phone}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${W}" alt=""/><span>\u4F4D\u7F6E:</span><span>${p.region}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`,s.setStyle(new ol.style.Style({image:new ol.style.Icon({src:De,scale:.5})})),n.getLayers().forEach(function(a){if(a instanceof ol.layer.Vector){let c=a.getSource().getFeatures()[0];c.get("type")==="0"&&c!==s&&(c.get("warning")==="0"?c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:J,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})))}});const I=i.getElement().querySelector(".close-btn");I&&I.addEventListener("click",()=>{i.setPosition(void 0),n.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:J,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})))}})})}})});var w=new ResizeObserver(function(r){r.forEach(function(b){var E=b.contentRect.width,y=b.contentRect.height;t.style.width=E+"px",t.style.height=y+"px",n.updateSize()})});w.observe(e)}function ye(){if(B.value=!B.value,B.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=()=>{K(),T({data:h.value,alertRange:C.value,flag:3}).then(e=>{D.value=e.data,N()})},K=()=>{for(const e in F.value)n.removeLayer(F.value[e]);F.value=[];for(const e in q.value)n.removeLayer(q.value[e]);q.value=[];for(const e in S.value)n.removeLayer(S.value[e]);S.value=[],Fe({flag:3,data:h.value}).then(e=>{A.value=e.data;for(const t in A.value){const i=[parseFloat(A.value[t].msLongitude),parseFloat(A.value[t].msLatitude)],w=128,r=[];for(let R=0;R<w;R++){const s=2*Math.PI*R/w,k=ol.sphere.computeDestinationPoint(i,C.value,s);r.push(k)}const b=new ol.Feature({geometry:new ol.geom.Polygon([r])}),E=new ol.style.Style({stroke:new ol.style.Stroke({color:"rgb(255,255,0)",width:2})});F.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[b]}),style:E}),A.value[t].warning!=="\u65E0\u707E\u5BB3"&&n.addLayer(F.value[t]);const y=new ol.geom.Point(i),m=new ol.Feature({geometry:y,id:A.value[t].msName,type:A.value[t].flag});m.setStyle(new ol.style.Style({image:new ol.style.Icon({src:de(A.value[t].warning),scale:.5})})),q.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[m]})}),n.addLayer(q.value[t])}}),qe({flag:3,alertRange:C.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:J,scale:.5})})),S.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),n.addLayer(S.value[t])):g.value[t].earlyWarning==="1"&&(r.setStyle(new ol.style.Style({image:new ol.style.Icon({src:X,scale:.5})})),S.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),n.addLayer(S.value[t]))}})},he=()=>{K(),T({data:h.value,alertRange:C.value,flag:3}).then(e=>{D.value=e.data,N()})},we=()=>{Le(_.value).then(e=>{e.data.code=="OK"&&Ie({message:"\u53D1\u9001\u6210\u529F",type:"success"})})},be=e=>{_.value=e};return(e,t)=>{const i=v("el-date-picker"),w=v("el-radio"),r=v("el-radio-group"),b=v("el-option"),E=v("el-select"),y=v("el-button"),m=v("el-table-column"),R=v("el-table"),s=v("el-pagination"),k=v("el-tooltip"),z=v("el-collapse-item"),I=v("el-collapse");return V(),x("div",ze,[_e,d("div",He,[d("div",Oe,[f(" \u76D1\u6D4B\u65E5\u671F:\u2003 "),o(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",Ke,[Pe,d("div",Ge,[d("div",Te,[f(" \u9884\u8B66\u8303\u56F4\uFF1A "),o(r,{onChange:t[1]||(t[1]=a=>fe()),modelValue:C.value,"onUpdate:modelValue":
|