cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-19 04:23:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Dillon Ngo
2026-06-25 20:24:52 +08:00
parent f749d568a2
commit c6c9fe77ea
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/vue/components/bookings/sections/SupplierPendingOrderPaymentSectionComponent.vue
+10 -9
View File
@@ -9,7 +9,7 @@
<div class="col">
<div class="row m-b-5">
<div class="col p-r-0">
<div class="btn btn-xs btn-outline-primary btn-block text-left b-rad-none p-t-0 p-b-0 p-l-15 p-r-15" @click="selectedSupplier.status = !selectedSupplier.status">
<div class="btn btn-xs btn-outline-primary btn-block text-left b-rad-none p-t-0 p-b-0 p-l-15 p-r-15" @click="dropdownOpen = !dropdownOpen">
<div class="row">
<div class="col p-t-5 p-b-5 fs-9">
{{selectedSupplier.name}} - {{selectedSupplier.reference}}
@@ -17,14 +17,14 @@
<div class="col-auto b-l b-success">
<div class="row h-100 align-items-center">
<div class="col">
<i class="fa" :class="[{'fa-angle-down': !selectedSupplier.status}, {'fa-angle-up': selectedSupplier.status}]"></i>
<i class="fa" :class="[{'fa-angle-down': !dropdownOpen}, {'fa-angle-up': dropdownOpen}]"></i>
</div>
</div>
</div>
</div>
</div>
<div class="relative w-100">
<div class="absolute w-100 b-l b-b b-r b-primary" :class="[{'hide': !selectedSupplier.status}]" style="top: 100%; right: 0; z-index: 1;">
<div class="absolute w-100 b-l b-b b-r b-primary" :class="[{'hide': !dropdownOpen}]" style="top: 100%; right: 0; z-index: 1;">
<div class="row text-left no-margin bg-white">
<div class="col no-padding">
<div class="row no-margin" v-for="supplier in suppliers" :key="supplier.id" :data="supplier">
@@ -77,10 +77,10 @@ import { useRequest } from '@/composables/useRequest';
const { submit } = useRequest();
const suppliers = ref<any[]>([]);
const dropdownOpen = ref(false);
const selectedSupplier = ref<any>({
id: '',
name: '',
status: false
name: ''
});
const payments = ref<any[]>([]);
const currencyOrderKey = ref(1);
@@ -88,21 +88,22 @@ const currencyOrderKey = ref(1);
const successHandler = (response: any) => {
suppliers.value = response.payload.data;
if (suppliers.value.length > 0) {
selectedSupplier.value = { ...suppliers.value[0], status: false };
selectedSupplier.value = { ...suppliers.value[0] };
}
updateList();
};
const updateSupplier = (supplier: any) => {
if (supplier !== selectedSupplier.value) {
selectedSupplier.value = { ...supplier, status: false };
dropdownOpen.value = false;
if (supplier.id !== selectedSupplier.value.id) {
selectedSupplier.value = { ...supplier };
updateList();
}
};
const updateList = () => {
currencyOrderKey.value++;
selectedSupplier.value.status = false;
dropdownOpen.value = false;
payments.value = [];
};