fix(02): drawer example

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

@@ -1461,7 +1461,6 @@ watch(
     :undo="() => undo()"
     :editData="() => (infoDrawerEdit = true)"
   >
-    <template #info>
     <InfoForm
       :readonly="!infoDrawerEdit"
       v-model:address="formData.address"
@@ -1471,7 +1470,11 @@ watch(
       v-model:subDistrictId="formData.subDistrictId"
       v-model:zipCode="formData.zipCode"
     >
-        <template #person-card>
+      <div
+        class="col surface-1 q-ma-lg rounded bordered scroll row"
+        id="branch-info"
+      >
+        <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>
+        </div>
+      </div>
     </InfoForm>
-    </template>
   </DrawerInfo>
 
   <!-- form -->