Update: Vue 2 to Vue 3 with Typescript, node 14 to node 22, Jenkinsfile, Dockerfile, vapor.yml (Post PROD Deployment)

This commit is contained in:
Dillon Ngo
2026-06-23 11:19:36 +08:00
parent a083e8b47d
commit b20a4dc640
2 changed files with 13 additions and 3 deletions
@@ -85,6 +85,7 @@ const submitForm = async () => {
successHandler: () => {
closeModal();
formHandler();
queueStore.reloadList({ name: "bookingDetailSection" });
},
errorHandler: (response: any) => {
formHandler(response.message);
@@ -15,7 +15,7 @@
<div class="btn btn-sm btn-success btn-block b-rad-none" data-dismiss="modal">Cancel</div>
</div>
<div class="col p-l-5">
<div class="btn btn-sm btn-danger btn-block b-rad-none" @click="submit(route('api.transaction.bill.status', item.id, 'pending'), 'put', section, true, true)">Confirm</div>
<div class="btn btn-sm btn-danger btn-block b-rad-none" @click="submit(route('api.transaction.bill.status', item.id, 'pending'), 'put', section, true, true, null, { successHandler })">Confirm</div>
</div>
</div>
</div>
@@ -27,10 +27,13 @@
<script setup lang="ts">
import { computed } from 'vue';
import { useUiStore } from '@/stores/ui';
import { useRequest } from '@/composables/useRequest';
import { useFormHandler } from '@/composables/useFormHandler';
import { useQueueStore } from '@/stores/queue';
import { useComponentHandler } from '@/composables/useComponentHandler';
import route from '@/general/functions/router';
const queueStore = useQueueStore();
const props = defineProps<{
data: any;
section: string;
@@ -38,6 +41,12 @@ const props = defineProps<{
const uiStore = useUiStore();
const isLoading = computed(() => uiStore.isLoading(props.section));
const { submit } = useRequest();
const { submit, closeModal } = useFormHandler(props);
const { item } = useComponentHandler(props);
const successHandler = (response: any) => {
closeModal();
queueStore.reloadList({ name: "bookingDetailSection" });
};
</script>