danial/kami_frontend
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: 优化Walmart信息卡片操作按钮样式及账户信息展示

Browse Source
This commit is contained in:
danial
2025-04-28 19:38:25 +08:00
parent 2cbc9e5d4b
commit 5e8e684ca5
2 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/card-walmart-info/group/index.vue
View File

@@ -75,14 +75,24 @@
<a-table-column title="操作" :width="200" fixed="right">
<template #cell="{ record }">
<a-space>
<a-button type="text" @click="handleEdit(record)">
<a-button
type="secondary"
status="warning"
@click="handleEdit(record)"
>
<template #icon>
<icon-edit />
</template>
编辑
</a-button>
<a-button
type="text"
type="secondary"
status="danger"
@click="handleDelete(record)"
>
<template #icon>
<icon-delete />
</template>
删除
</a-button>
</a-space>

31
src/views/card-walmart-info/group/summary.tsx
View File

@@ -76,17 +76,26 @@ export default defineComponent({
render({ record }) {
return (
<>
<span>
正常账户：
<Tag color='green' size='small'>
{record.account.normal || 0}
</Tag>
<br />
异常账户：
<Tag color='red' size='small'>
{record.account.unNormal || 0}
</Tag>
</span>
<Space size='small'>
<span>
正常账户：
<Tag color='green' size='small'>
{record.account.normal || 0}
</Tag>
</span>
<span>
异常账户：
<Tag color='red' size='small'>
{record.account.unNormal || 0}
</Tag>
</span>
<span>
删除账户：
<Tag color='red' size='small'>
{record.account.deleted || 0}
</Tag>
</span>
</Space>
</>
);
}