58 lines
2.1 KiB
HTML
58 lines
2.1 KiB
HTML
{% load static %}
|
|
|
|
<div id="deleteModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="deleteModalLabel">提示</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>此操作会删除当前数据,是否继续?</p>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-light" data-bs-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-danger" id="confirmDeleteBtn">删除</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const deleteUrl = "{{ delete_url }}";
|
|
let targetIdToDelete = null;
|
|
|
|
$(document).ready(function () {
|
|
// 删除和确认删除
|
|
$(document).on('click', '#deleteBtn, #confirmDeleteBtn', function (event) {
|
|
if (event.target.id === 'deleteBtn') {
|
|
// 打开删除模态框
|
|
targetIdToDelete = $(this).data('id');
|
|
$('#deleteModal').modal('show');
|
|
debugger
|
|
} else if (event.target.id === 'confirmDeleteBtn') {
|
|
// 确认删除
|
|
if (targetIdToDelete !== null) {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: deleteUrl,
|
|
data: {
|
|
'id': targetIdToDelete
|
|
},
|
|
success: function (response) {
|
|
showAlert('success', "删除成功");
|
|
location.reload();
|
|
},
|
|
error: function (response) {
|
|
showAlert('danger', "删除失败");
|
|
}
|
|
});
|
|
}
|
|
$('#deleteModal').modal('hide');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|