update

src/components/secondaryScreen/secondMap/secondMap.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class="center-map">
+        <div class="china-map-box">
+            <div class="form-container">
+                <!--                <a-select placeholder="选择单位" v-model:value="selectValue" class="type-select" :options="selectOptions">-->
+                <!--                    <a-select-option value="全部数据">全部数据</a-select-option>-->
+                <!--                </a-select>-->
+                <!--                <a-select v-model:value="selectValue" class="type-select" :options="selectOptions">-->
+                <!--                    <a-select-option value="全部数据">全部数据</a-select-option>-->
+                <!--                </a-select>-->
+            </div>
+            <div class="mapContainer" id="mapContainer"></div>
+            <div v-show="false" id="container"></div>
+            <div v-show="false" id="panel"></div>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+    import { onMounted, ref } from 'vue';
+    import { message } from 'ant-design-vue';
+    import { Map } from '/@/assets/mapUtils/map';
+
+    async function getMapData(type, params = {}) {}
+
+    onMounted(() => {
+        initMap();
+    });
+
+    function initMap() {
+        Map.initMap({ el: 'mapContainer' });
+    }
+</script>
+<style lang="less" scoped>
+    .center-map {
+        flex: 1;
+        color: #fff;
+        display: flex;
+        flex-direction: column;
+        align-content: space-between;
+
+        .china-map-box {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+        }
+
+        .mapContainer {
+            flex: 1;
+            margin: 10px 0;
+        }
+    }
+</style>