20 lines
20 KiB
JavaScript
20 lines
20 KiB
JavaScript
|
import{_ as Ee,r as l,A as te,V as Se,W as Re,d as v,o as U,c as I,l as d,m as f,e as n,w as u,L as K,N as F,k as Ue,f as x,g as ae,F as ke,x as We,a2 as Ce,p as Ie,q as Ne}from"./index.afd881ee.js";import{_ as oe}from"./close1.45635d81.js";import{m as H,g as le,p as De,a as T,b as j,c as qe,d as Be,z as xe,e as Ve}from"./information.f996c80f.js";import{_ as N}from"./icon.d0cb5387.js";import"./linesGL.306b5757.js";import"./install.6cb28b74.js";const Ye="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQ3SURBVHic7ZxPattAFMY/K7ZMsUtUlxYakdg9QcjG296gkEXpGbrpAUqXpQcovUUphl6hi4JKCDlAQYE60C5qGazWli2pC3nMaCyNLWv0X79VrBeHx4zem/e+mUljuly5qMmUpu0CH96/y9qPyvL6zVtITh0HmeK4gGQ7WbtRbWwHdSRkjRcJ9SRkil2no+yxHaAZlo663S7a7Xa6HglmsVhgNpttPv9RLnB38jwTX3rGNU7uvmw9r9NRDrBdQHLqdJQpjgNIttvI2o+dfH38CpZ0L2s3EsF2G8UoUZ3GUdYuJEbumjW9M4TeGW49v5h8huz82/pdQ1bTci0xctesDUwNU1ndGlwHku+ZIauYyioUa5y2i8Jx3LWAlyfOJ6PNz3pniNuuPzL6Mw0DU4NijdivFpJcN2tBEwAAt91ypCFC7tIRIWwCCDcPLlP0Jllyk44m7TMsIaOJFXoLfa/vGLKKI9iYtE4BAGfm9wQ9TA7b5cgWaWK0VPxt9SDbJnoLHdM9042NJlaSnLB3yeJFQg7WhKezb77PfVODIfNTDqmMFOtnYn6lQW7XhF30Z1rWLggjtwKeYo19pSprG5jlmQRvTchBOqLRO0MoyzEUa4xnvz5uOuiprKJvaps0pHeGpZiMtYAX74/wavYwmxHQFZPnbGk6ML3m7Hwy2uqQgySOouFJ2TEmQe8McfPgMrBuJ7aggSLfYW0kDbGDffXwJaatJ75nZHKKTmwBT1l6gxX0ZpMyM6jDJYPMs9E03BwuXIKw46YjxRpvBo2NBnphvWXe+D71BrO2IE7NK9xf/j7c0RwTOx0B/gFl0wspJQ1Z9dkUa+yz7dKCHi1+QIIdz9GcImQ/gY4GNr0MqGomaMEl7BMNZUVYs8ZLL7SNTVlhkVIlhDVrvPRCRwprYyOlTBL1vqxPW4jZ6Oell30jpYppyXEaYmULUhFFWYh5kVIFhFRHNHSNz8rRdKQYLb+tz7GVHeGnLei3/ziCxEAPPGkAq0KiUjYrKdAlapitP9NKcYIiCkKlbHpfmNX76Sjg2apIYqctDo2CMghyURGWjuooOJxEdtbqKIiGkKPx9EZMHQXREbOz1vLLEGFEiZAqIaRZI01ZUGlJBppXdlatJGUR0qwdU5JDFJW0VlA9hFRHA1MLHVBWJeXZqqYZEYRVR7wBpTfuWRu711DFiRDarNF7yuyAhm3ssIe8qihlC9eOwgaUlrKB7Ymo8voQ62i8IavcNzdood7Hdtsd+mTw45Ide2SJdTR+n4sah5zOY23kflrY2dSik7vbm2GwexNlgvu/LXZxPhmlsgtGDgeXlfWacNhGP703XHM43o3+AqSjMiNEwKuJh/DTFjXR4V4cnM/nmM/n6XqUMD3jGj3jOms3fNgOp1lbrVbpelNR6nSUAwrTrJWZwt5jLhOOCzRefCrxhbCC8B8RZMGjEa8xOAAAAABJRU5ErkJggg==",Le="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQQSURBVHic7Zy/b9NAFMe/dn9ElYqQOoGtMjUsHYAqyn+AUCIUqRISfwEDSyU6MDGywMBQGPgnUFGEwp+AMG6rbkACtBKJBGzQ0rRxCIN7zfn8o0l8ts/2fabWr5Ge7vW9d+975yi/rZMBJIkyDVh49vhp0n7klvVHD6EqsJL2I9cosKBCBiFhZBAEQAZBAGQQBMDCtF9jnp+fR6FQiNkhvhwfH+Pg4ODs9xvXtlG7XU/El53dFdTf1FzPTxtzLwGXJEN6shwlT0p6wv17DzA39ydpNyIiJUGYmhLfx8mxxJqYy6UGyqWG6/mr1+s4Orrg+ltda8blWmQINzEbZhW61nItrqpajme61oSutdDuFON2MQIsW8ATic362tnPdma8ddgNswLDrGKznoUAAEL3BK8A2M/fZqIMDRE0CH4BIKzWNmL0JmoCJuY4ubL4EbMzf2H1C9jbXx7pM7rWRP/fDBb1TwCAD1u3onQxMhRReoKufcbCwg8cHl7E3v4ydK010uem1RPMzh5F7F3UCBKEd++dmophVrBaC677ZGf0vXM1Mr/iQdCecB6GWUnaBY4INqwR2p2iY6vK2gyzGrNH0SFMT6Aplxpod4pod4p48fL52QStay0YZuWsDJVLjYwEg4OUHbRn97PZE6/bpmtNj+GsejqcrbkmZC+JI32ElLLLpQZWaxue+3Zi81oo8hnWRsoQu9h37zzB5UtfHc9IcNJPyMZMFsvrP5tsM70m3GFJ8bfRDAbqxD6KT8jGTGo34J5inRqQW//xs3mxtX0TP38tTuynyHBRUZ0L2vC02bV+aLN3OEPbeVrQl2/X0e/PhPJTXDgEgc4GtrwYZtVho6Hr+SjZkF04DWtB5YW2sSXLL1PyBacgBJUXOlNYG5sp2ZKoR8WCqgz4DGtB5WXUTMljWVIGnLUjsiMapxEHZUo+4BwEeo/PytF0prALTWeDDEJInP/9S742FjYz8kWEUjYrKdD13s9GC3T5gaOUTZ8Ls3o/nQVBtjwS2b2jSbMgG4LcuHAKgsyCMERwNV5mwbhwuBpPH8TILJgEDo2ZlSH8GCdD8gSXxkyGMq+tJVnooG1n/rakLFykbHso07XmWCqpVFAJXA51qr4LyqqkQbb8yRUETsNa0ILSB/fuQx/nWUMeA8F1WKPPlNkF9TvYYS955VHK5q4d+S0oLWUD7kDkuz+EuIHndVGLtfu9RxBks0vWUAZvd5YyvoUNEYRRXtSY5HYeayPvp/ndTU0/gl4IZmHPJrJEqAvBm/W1WHYz9PFnNgkRhOwvTlyk9CWRbCG/5UUAeulozFkmsDF3u110u92YXYqWnd0V7OyuJO0GQ0AQLEtmSDzIxiwAMggCkJKJOcsosKAMeqr8wvKE+Q89RE9/lW/XZQAAAABJRU5ErkJggg==",ze="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAA+CAYAAAA73nWBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQrSURBVHic7Zy/b9NAFMe/DnEq0ggKYqksGBqWDqhi8R8ASiQYkDrxLxSJiQEJ/gAGkGBh4F9gQJVYkNI/AMkIVayAow5ESHRJUZImsWMz0IvO5x9N4rN99vkzJX6J9HSX997d991F+WtNXZRkShWujdcvXmbth7Q8ef4UFcW1s/ZDahTXRgVOOQmZ4tiooIyEbHHLScieMh0JgGOjGlaYG40G1tbWUvaIL5PJBIPBYP7+9uVveLD5KRNfDk928PH3Pd/zs8I8y8ClkjnOrKwJmZOXwvzo2jNcVAbnfzCP5KUwX1DE93FlHFusHbNe70Cvd3zPP/Qf49Rt+D6rqWZariWGIlo6MkZtaLWub3ArsD3PNNWEVuuiZzXTdpE/ro2qaOlov783f63XO9DXDzx2Y9iCMWp
|
||
|
|
<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="${N}" alt=""/> <span>\u540D\u79F0:</span><span>${m.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${N}" alt=""/> <span>\u7ECF\u5EA6:</span><span>${m.lon}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${N}" alt=""/> <span>\u7EF4\u5EA6:</span><span>${m.lat}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;const C=i.getElement().querySelector(".close-btn");C&&C.addEventListener("click",()=>{i.setPosition(void 0)})}else if(_==="0"){for(const a in g.value)E===g.value[a].contacts&&(m.name=E,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="${N}" alt=""/><span>\u59D3\u540D:</span><span>${m.name}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${N}" alt=""/><span>\u624B\u673A:</span><span>${m.phone}</span></div>
|
||
|
|
<div class="line" style="margin-top: 10px"><img src="${N}" alt=""/><span>\u4F4D\u7F6E:</span><span>${m.region}</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`,o.setStyle(new ol.style.Style({image:new ol.style.Icon({src:De,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:T,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:j,scale:.5})})))}});const C=i.getElement().querySelector(".close-btn");C&&C.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:T,scale:.5})})):c.get("warning")==="1"&&c.setStyle(new ol.style.Style({image:new ol.style.Icon({src:j,scale:.5})})))}})})}})});var w=new ResizeObserver(function(r){r.forEach(function(b){var G=b.contentRect.width,A=b.contentRect.height;t.style.width=G+"px",t.style.height=A+"px",s.updateSize()})});w.observe(e)}function Ae(){if(k.value=!k.value,k.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=()=>{O(),H({data:h.value,alertRange:S.value,flag:4}).then(e=>{D.value=e.data,z()})},O=()=>{for(const e in q.value)s.removeLayer(q.value[e]);q.value=[];for(const e in B.value)s.removeLayer(B.value[e]);B.value=[];for(const e in W.value)s.removeLayer(W.value[e]);W.value=[],qe({flag:4,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 R=0;R<w;R++){const o=2*Math.PI*R/w,E=ol.sphere.computeDestinationPoint(i,S.value,o);r.push(E)}const b=new ol.Feature({geometry:new ol.geom.Polygon([r])}),G=new ol.style.Style({stroke:new ol.style.Stroke({color:"rgb(255,255,0)",width:2})});q.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[b]}),style:G}),p.value[t].warning!=="\u65E0\u707E\u5BB3"&&s.addLayer(q.value[t]);const A=new ol.geom.Point(i),y=new ol.Feature({geometry:A,id:p.value[t].msName,type:p.value[t].flag});y.setStyle(new ol.style.Style({image:new ol.style.Icon({src:de(p.value[t].warning),scale:.5})})),B.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[y]})}),s.addLayer(B.value[t])}}),Be({flag:4,alertRange:S.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:T,scale:.5})})),W.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),s.addLayer(W.value[t])):g.value[t].earlyWarning==="1"&&(r.setStyle(new ol.style.Style({image:new ol.style.Icon({src:j,scale:.5})})),W.value[t]=new ol.layer.Vector({source:new ol.source.Vector({features:[r]})}),s.addLayer(W.value[t]))}})},he=()=>{O(),H({data:h.value,alertRange:S.value,flag:4}).then(e=>{D.value=e.data,z()})},we=()=>{Ve(P.value).then(e=>{e.data.code=="OK"&&Ce({message:"\u53D1\u9001\u6210\u529F",type:"success"})})},be=e=>{P.value=e};return(e,t)=>{const i=v("el-date-picker"),w=v("el-radio"),r=v("el-radio-group"),b=v("el-option"),G=v("el-select"),A=v("el-button"),y=v("el-table-column"),R=v("el-table"),o=v("el-pagination"),E=v("el-tooltip"),_=v("el-collapse-item"),C=v("el-collapse");return U(),I("div",Me,[_e,d("div",Pe,[d("div",Qe,[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,[Oe,d("div",Ke,[d("div",Fe,[f(" \u9884\u8B66\u8303\u56F4\uFF1A "),n(r,{onChange:t[1]||(t[1]=a=>fe()),modelValue:S.value,"onUpdate:modelValue":
|