49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<template>
|
|
<div class="content-delete-cart">
|
|
<div class="container is-fluid px-4">
|
|
<div>
|
|
<p>
|
|
Bạn có chắc chắn muốn xóa lịch công nợ thời gian:
|
|
{{ detail.time }} ngày - mẫu: [{{ detail.name?.toUpperCase() }}]
|
|
không?
|
|
</p>
|
|
<div class="action mt-3">
|
|
<button class="button is-light" @click="handleCancel">Hủy</button>
|
|
<button class="button is-primary" @click="handleDeleteCart">
|
|
Đồng ý
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const { $snackbar, $deleteapi } = useNuxtApp();
|
|
|
|
const emit = defineEmits(['close']);
|
|
const props = defineProps({
|
|
row: Object,
|
|
});
|
|
|
|
const detail = JSON.parse(props.row?.detail || null);
|
|
|
|
const handleDeleteCart = async () => {
|
|
const res = await $deleteapi('user', props.row.id);
|
|
if (res) {
|
|
emit('close');
|
|
$snackbar('Xóa lịch công nợ thành công');
|
|
}
|
|
};
|
|
|
|
const handleCancel = () => {
|
|
emit('close');
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.content-delete-cart .action .button + .button {
|
|
margin-left: 20px;
|
|
}
|
|
</style>
|