diff --git a/src/components/pen-groups.vue b/src/components/pen-groups.vue
index 4c9278a..3205c7a 100644
--- a/src/components/pen-groups.vue
+++ b/src/components/pen-groups.vue
@@ -43,12 +43,12 @@ const select = (id: string) => {
       </template>
     </a-input>
 
-    <a-collapse style="flex: auto; overflow-y: auto" expand-icon-position="end" ghost>
+    <a-collapse style="flex: auto; overflow-y: auto" expand-icon-position="end" ghost defaultActiveKey="defaultActive">
       <template #expandIcon="v">
         <i class="icon dropdown" :class="{ active: v?.isActive }" />
       </template>
 
-      <a-collapse-panel v-if="onlyArea1" :header="$t('库区')">
+      <a-collapse-panel v-if="onlyArea1" :header="$t('库区')" key="defaultActive">
         <a-list rowKey="id" :data-source="areas.filter(({ area }) => area?.type === MapAreaType.库区)">
           <template #renderItem="{ item }">
             <a-list-item
diff --git a/src/components/robot-groups.vue b/src/components/robot-groups.vue
index 1b46066..927cbb2 100644
--- a/src/components/robot-groups.vue
+++ b/src/components/robot-groups.vue
@@ -170,12 +170,12 @@ const toRemoveRobots = () =>
       </a-space>
     </a-flex>
 
-    <a-collapse style="flex: auto; overflow-y: auto" expand-icon-position="end" ghost>
+    <a-collapse style="flex: auto; overflow-y: auto" expand-icon-position="end" ghost defaultActiveKey="defaultActive">
       <template #expandIcon="v">
         <i class="icon dropdown" :class="{ active: v?.isActive }" />
       </template>
 
-      <a-collapse-panel v-for="{ id, label, robots } in groups" :key="id">
+      <a-collapse-panel v-for="({ id, label, robots }, index) in groups" :key="index === 0 ? 'defaultActive' : id">
         <template v-if="editable" #extra>
           <a-dropdown placement="bottomRight">
             <a-button class="icon-btn" size="small" @click.stop>