changes

app/components/orders/OrderDeliveryTab.vue

@@ -0,0 +1,19 @@
+<script setup>
+const props = defineProps({
+  order: Object
+});
+</script>
+
+<template>
+  <div class="is-flex is-flex-direction-column is-gap-2">
+    <div class="p-4 rounded-md has-background-primary-95">
+      <p class="has-text-grey">Trạng thái</p>
+      <p class="fs-17 mt-1 font-semibold has-text-primary-50">{{ order.delivery_status__name }}</p>
+    </div>
+    <div class="p-4 rounded-md has-background-grey-95">
+      <p class="has-text-grey">Địa chỉ giao hàng</p>
+      <p class="mt-1 has-text-grey-10">{{ order.customer__name }}</p>
+      <p class="has-text-grey-10">{{ order.customer__phone }}</p>
+    </div>
+  </div> 
+</template>