fix(02): drawer example

src/pages/02_personnel-management/MainPage.vue

@@ -1461,17 +1461,20 @@ watch(
     :undo="() => undo()"
     :editData="() => (infoDrawerEdit = true)"
   >
-    <template #info>
-      <InfoForm
-        :readonly="!infoDrawerEdit"
-        v-model:address="formData.address"
-        v-model:addressEN="formData.addressEN"
-        v-model:provinceId="formData.provinceId"
-        v-model:districtId="formData.districtId"
-        v-model:subDistrictId="formData.subDistrictId"
-        v-model:zipCode="formData.zipCode"
+    <InfoForm
+      :readonly="!infoDrawerEdit"
+      v-model:address="formData.address"
+      v-model:addressEN="formData.addressEN"
+      v-model:provinceId="formData.provinceId"
+      v-model:districtId="formData.districtId"
+      v-model:subDistrictId="formData.subDistrictId"
+      v-model:zipCode="formData.zipCode"
+    >
+      <div
+        class="col surface-1 q-ma-lg rounded bordered scroll row"
+        id="branch-info"
       >
-        <template #person-card>
+        <div class="col-10 q-pa-md q-gutter-y-xl">
           <ProfileUpload
             prefix-id="drawer-info-personnel"
             v-model:url-profile="profileUrl"
@@ -1480,7 +1483,6 @@ watch(
             @input-file="inputFile.click()"
             @cancel-file="inputFile.value = ''"
           />
-
           <!-- <AppBox class="surface-1" style="padding: 0">
               <PersonCard
                 :can-edit-profile="infoDrawerEdit"
@@ -1500,8 +1502,6 @@ watch(
                 @edit-profile="inputFile.click()"
               />
             </AppBox> -->
-        </template>
-        <template #information>
           <FormInformation
             dense
             outlined
@@ -1515,8 +1515,6 @@ watch(
             v-model:username="formData.username"
             v-model:userCode="userCode"
           />
-        </template>
-        <template #person>
           <FormPerson
             prefix-id="drawer-info-personnel"
             dense
@@ -1532,8 +1530,6 @@ watch(
             v-model:gender="formData.gender"
             v-model:birthDate="formData.birthDate"
           />
-        </template>
-        <template #by-type>
           <FormByType
             dense
             outlined
@@ -1554,9 +1550,9 @@ watch(
             v-model:agencyFileList="agencyFileList"
             v-model:userId="userId"
           />
-        </template>
-      </InfoForm>
-    </template>
+        </div>
+      </div>
+    </InfoForm>
   </DrawerInfo>
 
   <!-- form -->