update：文件结构的调整

src/components/AsideMenuBar.vue

@@ -17,45 +17,45 @@
                     </el-menu-item>
                 </el-sub-menu>
 
-                <el-sub-menu index="2">
+                <el-sub-menu index="6">
                     <template #title>
-                        <el-icon><MapLocation /></el-icon>
-                        <span>图元</span>
+                        <el-icon><Grid /></el-icon>
+                        <span>测站</span>
                     </template>
-                    <el-menu-item v-for="item in elementGraphic" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                    <el-menu-item v-for="item in elementStation" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
                         <el-icon><View /></el-icon>
                         <span>{{item.title}}</span>
                     </el-menu-item>
                 </el-sub-menu>
 
-                <el-sub-menu index="3">
+                <el-sub-menu index="7">
                     <template #title>
-                        <el-icon><SemiSelect /></el-icon>
-                        <span>天气</span>
+                        <el-icon><Grid /></el-icon>
+                        <span>动目标</span>
                     </template>
-                    <el-menu-item v-for="item in elementWeather" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                    <el-menu-item v-for="item in elementMoving" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
                         <el-icon><View /></el-icon>
                         <span>{{item.title}}</span>
                     </el-menu-item>
                 </el-sub-menu>
 
-                <el-sub-menu index="4">
+                <el-sub-menu index="10">
                     <template #title>
-                        <el-icon><Grid /></el-icon>
-                        <span>测站</span>
+                        <el-icon><MapLocation /></el-icon>
+                        <span>图元</span>
                     </template>
-                    <el-menu-item v-for="item in elementStation" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                    <el-menu-item v-for="item in elementGraphic" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
                         <el-icon><View /></el-icon>
                         <span>{{item.title}}</span>
                     </el-menu-item>
                 </el-sub-menu>
 
-                <el-sub-menu index="5">
+                <el-sub-menu index="15">
                     <template #title>
-                        <el-icon><Grid /></el-icon>
-                        <span>动目标</span>
+                        <el-icon><SemiSelect /></el-icon>
+                        <span>天气</span>
                     </template>
-                    <el-menu-item v-for="item in elementMoving" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
+                    <el-menu-item v-for="item in elementWeather" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
                         <el-icon><View /></el-icon>
                         <span>{{item.title}}</span>
                     </el-menu-item>
@@ -69,20 +69,19 @@
 <script setup>
 import { ref } from 'vue';
 import { MapLocation, SemiSelect, Grid, View } from "@element-plus/icons-vue";
-import { elementSpaceMissionsMap, elementGraphicMap, elementWeatherMap, elementStationMap, elementMovingMap } from '@/views/ElementMap';
+import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementWeatherMap } from '@/views/ElementMap';
 
 const elementSpaceMissions = ref()
-const elementGraphic = ref()
-const elementWeather = ref()
 const elementStation = ref()
 const elementMoving = ref()
+const elementGraphic = ref()
+const elementWeather = ref()
 
 elementSpaceMissions.value = elementSpaceMissionsMap;
-elementGraphic.value = elementGraphicMap;
-elementWeather.value = elementWeatherMap;
 elementStation.value = elementStationMap;
 elementMoving.value = elementMovingMap;
-
+elementGraphic.value = elementGraphicMap;
+elementWeather.value = elementWeatherMap;
 
 const props = defineProps({
     isCollapse: {

src/views/indexView.vue

@@ -9,37 +9,37 @@
                 </div>
             </div>
         </div>
-        <div class="mt-5">
-            <span class="text-base font-bold">图元</span>
+        <div class="mt-10">
+            <span class="text-base font-bold">测站</span>
             <div style="overflow-y: auto" class="container">
-                <div v-for="item in elementGraphic" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                <div v-for="item in elementStation" :key="item.id" @click="indexBtn(item.title)" class="item-container">
                     <div :id="item.title">{{item.title}}</div>
                     <img :src="item.pngUrl" width="250">
                 </div>
             </div>
         </div>
         <div class="mt-10">
-            <span class="text-base font-bold">天气</span>
+            <span class="text-base font-bold">动目标</span>
             <div style="overflow-y: auto" class="container">
-                <div v-for="item in elementWeather" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                <div v-for="item in elementMoving" :key="item.id" @click="indexBtn(item.title)" class="item-container">
                     <div :id="item.title">{{item.title}}</div>
                     <img :src="item.pngUrl" width="250">
                 </div>
             </div>
         </div>
-        <div class="mt-10">
-            <span class="text-base font-bold">测站</span>
+        <div class="mt-5">
+            <span class="text-base font-bold">图元</span>
             <div style="overflow-y: auto" class="container">
-                <div v-for="item in elementStation" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                <div v-for="item in elementGraphic" :key="item.id" @click="indexBtn(item.title)" class="item-container">
                     <div :id="item.title">{{item.title}}</div>
                     <img :src="item.pngUrl" width="250">
                 </div>
             </div>
         </div>
         <div class="mt-10">
-            <span class="text-base font-bold">动目标</span>
+            <span class="text-base font-bold">天气</span>
             <div style="overflow-y: auto" class="container">
-                <div v-for="item in elementMoving" :key="item.id" @click="indexBtn(item.title)" class="item-container">
+                <div v-for="item in elementWeather" :key="item.id" @click="indexBtn(item.title)" class="item-container">
                     <div :id="item.title">{{item.title}}</div>
                     <img :src="item.pngUrl" width="250">
                 </div>
@@ -51,20 +51,20 @@
 <script setup>
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { elementSpaceMissionsMap, elementGraphicMap, elementWeatherMap, elementStationMap, elementMovingMap } from './ElementMap';
+import { elementSpaceMissionsMap, elementStationMap, elementMovingMap, elementGraphicMap, elementWeatherMap } from '@/views/ElementMap';
 
-const router = useRouter()
 const elementSpaceMissions = ref()
-const elementGraphic = ref()
-const elementWeather = ref()
 const elementStation = ref()
 const elementMoving = ref()
+const elementGraphic = ref()
+const elementWeather = ref()
 
 elementSpaceMissions.value = elementSpaceMissionsMap;
-elementGraphic.value = elementGraphicMap;
-elementWeather.value = elementWeatherMap;
 elementStation.value = elementStationMap;
 elementMoving.value = elementMovingMap;
+elementGraphic.value = elementGraphicMap;
+elementWeather.value = elementWeatherMap;
+
 
 
 // 跳转到对应的编码编辑内容