xudan/web-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 添加默认激活状态到折叠面板，优化组件的初始显示逻辑

Browse Source
This commit is contained in:
xudan 2025-07-30 17:54:24 +08:00
parent 81055f7df2
commit 2e5dd24f39
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/pen-groups.vue
View File

@ -43,12 +43,12 @@ const select = (id: string) => {
</template> </template>
</a-input> </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"> <template #expandIcon="v">
<i class="icon dropdown" :class="{ active: v?.isActive }" /> <i class="icon dropdown" :class="{ active: v?.isActive }" />
</template> </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.库区)"> <a-list rowKey="id" :data-source="areas.filter(({ area }) => area?.type === MapAreaType.库区)">
<template #renderItem="{ item }"> <template #renderItem="{ item }">
<a-list-item <a-list-item

4
src/components/robot-groups.vue
View File

@ -170,12 +170,12 @@ const toRemoveRobots = () =>
</a-space> </a-space>
</a-flex> </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"> <template #expandIcon="v">
<i class="icon dropdown" :class="{ active: v?.isActive }" /> <i class="icon dropdown" :class="{ active: v?.isActive }" />
</template> </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> <template v-if="editable" #extra>
<a-dropdown placement="bottomRight"> <a-dropdown placement="bottomRight">
<a-button class="icon-btn" size="small" @click.stop> <a-button class="icon-btn" size="small" @click.stop>