37 lines
699 B
Vue
37 lines
699 B
Vue
<script setup lang="ts">
|
||
/**
|
||
* 文件职责：成本明细删除确认弹窗。
|
||
*/
|
||
import { Modal } from 'ant-design-vue';
|
||
|
||
interface Props {
|
||
itemName?: string;
|
||
open: boolean;
|
||
}
|
||
|
||
defineProps<Props>();
|
||
|
||
const emit = defineEmits<{
|
||
(event: 'cancel'): void;
|
||
(event: 'confirm'): void;
|
||
}>();
|
||
</script>
|
||
|
||
<template>
|
||
<Modal
|
||
:open="open"
|
||
title="删除明细"
|
||
ok-text="确认删除"
|
||
ok-type="danger"
|
||
cancel-text="取消"
|
||
@cancel="emit('cancel')"
|
||
@ok="emit('confirm')"
|
||
>
|
||
<p class="fc-delete-tip">
|
||
确认删除明细项
|
||
<strong>{{ itemName || '未命名项' }}</strong>
|
||
吗？删除后需重新保存才会生效。
|
||
</p>
|
||
</Modal>
|
||
</template>
|