changes

app/components/pos/POS.vue

@@ -40,6 +40,10 @@ function openAddAddressModal() {
     title: "Thêm địa chỉ",
     width: "50%",
     height: "auto",
+    vbind: {
+      customerId: activeCart.value.customer,
+      address: undefined,
+    },
   };
 }
 </script>
@@ -214,25 +218,11 @@ function openAddAddressModal() {
                     </div>
                     <hr />
                     <div class="block">
-                      <p class="mb-2">Địa chỉ giao hàng</p>
-                      <div v-if="addresses.length > 0">
-                        <Address
-                          v-for="address in addresses"
-                          :key="address"
-                          :address="address"
-                          :selected="orderInfo.address?.id === address.id"
-                          @selectAddress="orderInfo.address = $event"
-                          @submit="posStore.getAddresses(activeCart.customer)"
-                        />
-                      </div>
-                      <div
-                        v-else
-                        class="has-text-centered"
-                      >
-                        <p class="has-text-grey p-4">Khách hàng chưa có địa chỉ</p>
+                      <div class="block is-flex is-justify-content-space-between is-align-items-center">
+                        <p>Địa chỉ giao hàng</p>
                         <button
                           @click="openAddAddressModal"
-                          class="button is-light is-primary"
+                          class="button is-small is-light is-primary"
                         >
                           <span class="icon">
                             <Icon
@@ -243,6 +233,21 @@ function openAddAddressModal() {
                           <span>Thêm địa chỉ</span>
                         </button>
                       </div>
+                      <Address
+                        v-if="addresses.length > 0"
+                        v-for="address in addresses"
+                        :key="address"
+                        :address="address"
+                        :selected="orderInfo.address?.id === address.id"
+                        @selectAddress="orderInfo.address = $event"
+                        @submit="posStore.getAddresses(activeCart.customer)"
+                      />
+                      <div
+                        v-else
+                        class="has-text-grey has-text-centered p-4"
+                      >
+                        Khách hàng chưa có địa chỉ
+                      </div>
                     </div>
                   </div>
                   <p
@@ -370,6 +375,7 @@ function openAddAddressModal() {
       v-if="showModal"
       v-bind="showModal"
       @close="showModal = undefined"
+      @submit="posStore.getAddresses(activeCart.customer)"
     />
   </div>
 </template>