update

src/assets/less/amap-item.less

@@ -30,7 +30,7 @@
 
 .alarm-content {
   background-color: #263d5e;
-  color: red;
+  color: #fff;
   font-size: 14px;
   padding: 7px 10px;
   border: 1px solid #1b7ef2;

src/assets/less/index.less

@@ -63,6 +63,11 @@
   white-space: nowrap;
 }
 
+.ant-modal-mask {
+  background-color: rgba(0, 0, 0, 0.65) !important;
+}
+
+// 下拉框样式-start
 .ant-select-dropdown {
   background-color: #00152b !important;
   border-right: 1px solid #1b7ef2;
@@ -108,6 +113,28 @@
   background-color: #002e64 !important;
 }
 
+// 下拉框样式-end
+
+// 级联选择器样式-start
+.ant-cascader-menu-item {
+  color: #1b7ef2 !important;
+}
+
+.ant-cascader-menu-item:hover {
+  background-color: #002e64 !important;
+}
+
+.ant-cascader-menu-item-active {
+  color: #fff !important;
+  background-color: #002e64 !important;
+}
+
+.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon {
+  color: #1b7ef2 !important;
+}
+
+// 级联选择器样式-end
+
 //直升机
 .helicopter {
   width: 60px;

src/assets/mapUtils/map.ts

@@ -41,11 +41,11 @@ export const Map = {
      * @desc 中国外层边界线
      */,
     drawOutLine() {
-        let geojson = new AMap.GeoJSON({
+        let geoJson = new AMap.GeoJSON({
             geoJSON: china,
-            getPolygon: function (geojson, lnglats) {
+            getPolygon: function (geoJson, lngLats) {
                 return new AMap.Polyline({
-                    path: lnglats[0],
+                    path: lngLats[0],
                     strokeColor: '#6ccffe',
                     strokeWeight: 3,
                     lineJoin: 'round', //折线拐点的绘制样式
@@ -55,22 +55,22 @@ export const Map = {
                 });
             },
         });
-        this.map.add(geojson);
+        this.map.add(geoJson);
     } /**
      * @desc 中国内层边界线
      */,
     drawInnerLine() {
-        let geojson = new AMap.GeoJSON({
+        let geoJson = new AMap.GeoJSON({
             geoJSON: chinaInner,
-            getPolygon: function (geojson, lnglats) {
+            getPolygon: function (geoJson, lngLats) {
                 return new AMap.Polyline({
-                    path: lnglats[0],
+                    path: lngLats[0],
                     strokeColor: '#359de5',
                     strokeWeight: 1,
                 });
             },
         });
-        this.map.add(geojson);
+        this.map.add(geoJson);
     }, // 清空当前地图上除了边界线的覆盖物
     removeOverlayGroup() {
         this.clearAircraft();
@@ -92,7 +92,10 @@ export const Map = {
         this.removeOverlayGroup();
         this.overlayGroup = new AMap.OverlayGroup();
         for (let i = 0; i < result.length; i++) {
-            let { type, lon, lat } = result[i];
+            let { type, lon, lat, lng } = result[i];
+            if (lng) {
+                lon = lng;
+            }
             if (!lon || !lat || !type) {
                 continue;
             }
@@ -231,7 +234,7 @@ export const Map = {
             label: {
                 content: `<div class="alarm-content" > 
                                 <div>${option?.realName},${option?.eventType_dictText}</div>
-                           </div>`,
+                          </div>`,
                 offset: new AMap.Pixel(0, -9),
                 direction: 'top',
             },

src/assets/ts/antd.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
-import { Form, Input, Button, Radio, Modal, Table, Select, Spin } from 'ant-design-vue';
+import { Form, Input, Button, Radio, Modal, Table, Select, Cascader, Spin, ConfigProvider } from 'ant-design-vue';
 
 export default function registerGlobComp(app: App) {
-    app.use(Button).use(Form).use(Input).use(Radio).use(Modal).use(Table).use(Select).use(Spin);
+    app.use(Button).use(Form).use(Input).use(Radio).use(Modal).use(Table).use(Select).use(Cascader).use(Spin).use(ConfigProvider);
 }