WFC/fe.wfc
2
0
Fork 0
Code Activity

fix：WLAN界面按钮风格统一

Browse Source
This commit is contained in:
zhongzm
2025-02-21 16:32:44 +08:00
parent d9dacf63fa
commit fa866cff38
1 changed files with 33 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/views/device/wlan/index.vue
View File

@@ -72,7 +72,38 @@
searchParams.pageSize = pagination.pageSize; searchParams.pageSize = pagination.pageSize;
getData(); getData();
}" }"
/> >
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'operate'">
<div class="flex items-center justify-center gap-2">
<a-tooltip :title="t('common.edit')">
<a-button
type="link"
size="small"
@click="() => handleEdit(record)"
>
<template #icon>
<EditOutlined />
</template>
</a-button>
</a-tooltip>
<a-tooltip :title="t('common.delete')">
<a-button
type="link"
size="small"
class="text-red-500"
@click="() => handleDelete(record)"
>
<template #icon>
<DeleteOutlined />
</template>
</a-button>
</a-tooltip>
</div>
</template>
</template>
</ATable>
</ACard> </ACard>
<!-- 添加无线网络对话框 --> <!-- 添加无线网络对话框 -->
@@ -317,36 +348,7 @@ const {
key: 'operate', key: 'operate',
width: 120, width: 120,
fixed: 'right', fixed: 'right',
align: 'center', align: 'center'
customRender: ({ record }) => {
return h('div', { class: 'flex items-center justify-center space-x-4' }, [
h('a-tooltip', { title: t('common.edit') }, [
h('a-button', {
type: 'link',
size: 'small',
class: [
'flex items-center justify-center p-0 m-0',
'hover:text-primary hover:shadow-sm',
'focus:shadow-md transition-all duration-200'
],
onClick: () => handleEdit(record)
}, [h(EditOutlined)])
]),
h('a-tooltip', { title: t('common.delete') }, [
h('a-button', {
type: 'link',
size: 'small',
class: [
'flex items-center justify-center p-0 m-0',
'text-red-500 hover:text-red-600',
'hover:shadow-sm focus:shadow-md',
'transition-all duration-200'
],
onClick: () => handleDelete(record)
}, [h(DeleteOutlined)])
])
]);
}
} }
] ]
}); });