refactor: add permitNo , permitIssueDate ,permitExpireDate

src/components/01_branch-management/FormBranchInformation.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { isRoleInclude } from 'src/stores/utils';
+import DatePicker from '../shared/DatePicker.vue';
 
 const code = defineModel<string>('code');
 const branchCount = defineModel<number>('branchCount', { default: 0 });
@@ -11,6 +12,10 @@ const nameEN = defineModel<string>('nameEN');
 const typeBranch = defineModel<string>('typeBranch');
 const virtual = defineModel<boolean>('virtual');
 
+const permitExpireDate = defineModel<Date>('permitExpireDate');
+const permitIssueDate = defineModel<Date>('permitIssueDate');
+const permitNo = defineModel<string>('permitNo');
+
 defineProps<{
   title?: string;
   dense?: boolean;
@@ -87,24 +92,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           @update:model-value="(v) => (code = v as string)"
         />
 
-        <!--  view ? `${formatCode(code, 'number')}${branchCount}` : code -->
-        <!-- <q-input
-
-          v-if="typeBranch !== 'headOffice'"
-          :dense="dense"
-          outlined
-          :disable="view && !readonly"
-          :readonly="readonly"
-          hide-bottom-space
-          class="col"
-          :label="$t('branch.form.codeBranch')"
-          for="input-code-sub-branch"
-          :model-value="
-            view ? formatCode(codeSubBranch, 'number') : codeSubBranch
-          "
-          @update:model-value="(v) => (codeSubBranch = v as string)"
-        /> -->
-
         <q-input
           :dense="dense"
           outlined
@@ -199,6 +186,39 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
           </template>
         </q-select>
       </div>
+
+      <div class="col-12 row q-col-gutter-sm">
+        <q-input
+          :dense="dense"
+          outlined
+          :readonly="readonly"
+          hide-bottom-space
+          class="col-4"
+          :label="$t('general.licenseNumber')"
+          v-model="permitNo"
+          :rules="[(val) => val && val.length > 0]"
+          :error-message="$t('form.error.required')"
+          for="input-name"
+        />
+
+        <DatePicker
+          class="col-3"
+          id="input-start-date"
+          :readonly="readonly"
+          :label="$t('general.dateOfIssue')"
+          v-model="permitIssueDate"
+          clearable
+        />
+
+        <DatePicker
+          class="col-3"
+          id="input-start-date"
+          :readonly="readonly"
+          :label="$t('general.expirationDate')"
+          v-model="permitExpireDate"
+          clearable
+        />
+      </div>
     </div>
   </div>
 </template>