feat: customer branch management

src/pages/03_customer-management/components/employer/EmployerFormBranch.vue

@@ -12,10 +12,7 @@ import CancelButton from 'src/components/button/CancelButton.vue';
 
 const item = defineModel<NonNullable<CustomerCreate['customerBranch']>[number]>(
   'customerBranch',
-  {
-    required: true,
-    default: [],
-  },
+  { required: true },
 );
 const tab = ref('main');
 
@@ -43,6 +40,7 @@ defineProps<{
     {{ $t('customer.form.branch.title', { name: item.branchNo || 0 }) }}
     <EditButton
       v-if="readonly"
+      style="width: 5rem"
       @click="$emit('edit')"
       class="q-ml-auto"
       type="button"
@@ -50,12 +48,14 @@ defineProps<{
     />
     <DeleteButton
       v-if="readonly"
+      style="width: 5rem"
       @click="$emit('delete')"
       type="button"
       :disabled="actionDisabled"
     />
     <SaveButton
       v-if="!readonly"
+      style="width: 5rem"
       @click="$emit('save')"
       class="q-ml-auto"
       type="submit"
@@ -63,6 +63,7 @@ defineProps<{
     />
     <CancelButton
       v-if="!readonly"
+      style="width: 5rem"
       @click="$emit('cancel')"
       type="button"
       :disabled="actionDisabled"