refactor(card-walmart-info): replace radio group with tabs for group selection

- Remove radio group component from account and order views
- Add tabs component for group selection
- Update layout and styling for better user experience
This commit is contained in:
danial
2025-03-31 00:06:28 +08:00
parent d161cee9f7
commit d3237e9350
2 changed files with 14 additions and 34 deletions

View File

@@ -93,16 +93,6 @@
:value="item.id"
/>
</a-tabs>
<!-- <a-radio-group type="button" :onChange="onChangeRadio">
<a-radio value="">全部</a-radio>
<a-radio
v-for="(item, index) in groupList"
:key="index"
:value="item.id"
>
{{ item.name }}
</a-radio>
</a-radio-group> -->
</a-row>
<a-table
:loading="loading"

View File

@@ -81,33 +81,23 @@
</a-row>
<a-divider style="margin-top: 0" />
<a-space direction="vertical" fill>
<a-row>
<a-row style="justify-content: space-between; margin-bottom: 16px">
<config v-if="state.showConfig" />
<!-- <a-radio-group type="button" :onChange="onChangeRadio">
<a-radio value="">全部</a-radio>
<a-radio
v-for="(item, index) in groupList"
:key="index"
<a-tabs
default-active-key=""
type="capsule"
:onChange="onChangeRadio"
animation
>
<a-tab-pane key="" title="全部" />
<a-tab-pane
v-for="item in groupList"
:key="item.id"
:title="item.name"
:value="item.id"
>
{{ item.name }}
</a-radio>
</a-radio-group> -->
/>
</a-tabs>
</a-row>
<a-tabs
default-active-key=""
type="capsule"
:onChange="onChangeRadio"
animation
>
<a-tab-pane key="" title="全部" />
<a-tab-pane
v-for="item in groupList"
:key="item.id"
:title="item.name"
:value="item.id"
/>
</a-tabs>
<a-table
:loading="loading"
:pagination="{