From ea4234a313438fe60e4a3ecf5a70bcb29c927710 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 5 Jul 2024 15:13:39 +0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B9=80=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TabComponent.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/TabComponent.vue b/src/components/TabComponent.vue
index 79bcfb34..f4f74557 100644
--- a/src/components/TabComponent.vue
+++ b/src/components/TabComponent.vue
@@ -4,6 +4,7 @@ import { CustomerBranchCreate } from 'stores/customer/types';
 
 defineProps<{
   readonly?: boolean;
+  edit?: boolean;
 }>();
 
 const customerBranch = defineModel<CustomerBranchCreate[]>('customerBranch', {
@@ -94,6 +95,7 @@ function close(index: number) {
         :key="index"
         :name="index"
         :label="`${$t('customerBranchFormTab')} `"
+        :disable="tab !== index && edit"
         @click="tab = index"
         no-caps
         :class="tab === index ? '' : 'bordered-b bordered-r'"
@@ -116,7 +118,9 @@ function close(index: number) {
     <q-tab-panels v-model="tab" class="rounded-borders">
       <q-tab-panel
         :id="`tab-branch-${index}`"
-        v-for="(v, index) in customerBranch"
+        v-for="(v, index) in customerBranch.sort(
+          (a, b) => (a.branchNo ?? 0) - (b.branchNo ?? 0),
+        )"
         :key="index"
         :name="index"
       >