feat: 片头素材删除确认

This commit is contained in:
2025-02-17 20:22:18 +08:00
parent 204132e27f
commit edaebbbc85
2 changed files with 67 additions and 10 deletions

View File

@@ -88,25 +88,69 @@ const closePreview = () => {
color="white"
@click="emit('user-titles-request', data)"
/>
<UButton
<!-- <UButton
icon="tabler:trash"
color="red"
@click="emit('system-titles-delete', data)"
v-if="loginState.user.auth_code === 2"
/>
/> -->
<UPopover v-if="loginState.user.auth_code === 2">
<UButton
icon="tabler:trash"
color="red"
/>
<template #panel="{ close }">
<div class="flex flex-col p-2 gap-2">
<p class="text-xs text-gray-500 dark:text-gray-400">
素材删除后不可恢复确认删除
</p>
<UButton
class="w-fit"
icon="tabler:trash"
label="确认删除"
color="red"
size="xs"
@click="emit('system-titles-delete', data)"
/>
</div>
</template>
</UPopover>
</UButtonGroup>
<UButtonGroup
size="xs"
v-if="type === 'user'"
>
<UButton
<div v-if="type === 'user'">
<!-- <UButton
icon="tabler:trash"
label="删除素材"
variant="soft"
color="red"
@click="emit('user-titles-delete', data)"
/>
</UButtonGroup>
/> -->
<UPopover>
<UButton
icon="tabler:trash"
label="删除素材"
variant="soft"
color="red"
size="xs"
/>
<template #panel="{ close }">
<div class="flex flex-col p-2 gap-2">
<p class="text-xs text-gray-500 dark:text-gray-400">
素材删除后不可恢复确认删除
</p>
<UButton
class="w-fit"
icon="tabler:trash"
label="确认删除"
color="red"
size="xs"
@click="emit('user-titles-delete', data)"
/>
</div>
</template>
</UPopover>
</div>
</div>
</div>