nikitakiselev/interview-demo-code
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(order): order process enchancements

Browse Source
This commit is contained in:
Nikita Kiselev
2025-08-01 09:49:54 +03:00
parent c057f4be76
commit 85101b9881
16 changed files with 781 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
spa/src/views/Checkout.vue
View File

@@ -53,7 +53,8 @@
</div>
<div
class="fixed px-4 pb-10 pt-4 bottom-0 left-0 w-full bg-base-200 z-50 flex justify-between items-center gap-2 border-t-1 border-t-base-300">
class="fixed px-4 pb-10 pt-4 bottom-0 left-0 w-full bg-base-200 z-50 flex flex-col justify-between items-center gap-2 border-t-1 border-t-base-300">
<div v-if="error" class="text-error text-sm">{{ error }}</div>
<button class="btn btn-primary w-full" @click="onCreateBtnClick">Создать заказ</button>
</div>
</div>
@@ -64,12 +65,20 @@ import {useCheckoutStore} from "@/stores/CheckoutStore.js";
import TgInput from "@/components/Form/TgInput.vue";
import TgTextarea from "@/components/Form/TgTextarea.vue";
import {useRouter} from "vue-router";
import {ref} from "vue";
const checkout = useCheckoutStore();
const router = useRouter();
const error = ref(null);
async function onCreateBtnClick() {
await checkout.makeOrder();
router.push({name: 'order_created'});
try {
error.value = null;
await checkout.makeOrder();
router.push({name: 'order_created'});
} catch {
error.value = 'Невозможно создать заказ.';
}
}
</script>