40 lines
921 B
Vue
40 lines
921 B
Vue
<script lang="ts" setup>
|
||
import { deleteAnnouncement } from "~/admin/api"
|
||
|
||
interface Props {
|
||
announcementID: number
|
||
}
|
||
|
||
const props = defineProps<Props>()
|
||
const emit = defineEmits(["deleted"])
|
||
const router = useRouter()
|
||
const message = useMessage()
|
||
|
||
function goEdit() {
|
||
router.push({
|
||
name: "admin announcement edit",
|
||
params: { announcementID: props.announcementID },
|
||
})
|
||
}
|
||
|
||
async function handleDelete() {
|
||
await deleteAnnouncement(props.announcementID)
|
||
message.success("删除成功")
|
||
emit("deleted")
|
||
}
|
||
</script>
|
||
<template>
|
||
<n-flex>
|
||
<n-button size="small" type="success" secondary @click="goEdit">
|
||
编辑
|
||
</n-button>
|
||
<n-popconfirm @positive-click="handleDelete">
|
||
<template #trigger>
|
||
<n-button size="small" type="error" secondary>删除</n-button>
|
||
</template>
|
||
确定删除这条公告吗？
|
||
</n-popconfirm>
|
||
</n-flex>
|
||
</template>
|
||
<style scoped></style>
|