44 lines
960 B
Vue
44 lines
960 B
Vue
<script lang="ts" setup>
|
||
import { deleteTutorial } from "admin/api"
|
||
|
||
interface Props {
|
||
tutorialID: number
|
||
}
|
||
|
||
const props = defineProps<Props>()
|
||
const emit = defineEmits(["deleted"])
|
||
const router = useRouter()
|
||
const message = useMessage()
|
||
|
||
function goEdit() {
|
||
router.push({
|
||
name: "admin tutorial edit",
|
||
params: { tutorialID: props.tutorialID },
|
||
})
|
||
}
|
||
|
||
async function handleDelete() {
|
||
try {
|
||
await deleteTutorial(props.tutorialID)
|
||
message.success("删除成功")
|
||
emit("deleted")
|
||
} catch (err: any) {
|
||
message.error(err.data)
|
||
}
|
||
}
|
||
</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>
|