update

src/components/artist-information/browser-new-artist-dialog.vue

@@ -213,7 +213,8 @@
                       </q-dialog>
                     </template>
                   </q-input>
-                </div>
+                </div>  
+
               </div>
               <div class="row flex-center">
                 <div class="col-3 text-weight-medium">
@@ -304,7 +305,6 @@
                     :model-value="fields"
                     @update:model-value="$emit('update:fields', $event)"
                     :options="fieldOptions"
-                    multiple
                     map-options
                     option-value="id"
                     option-label="name"
@@ -314,6 +314,7 @@
                     hide-bottom-space
                     clearable
                     dense
+                    multiple
                     use-input
                     use-chips
                   ></q-select>
@@ -330,7 +331,7 @@
                     :model-value="musics"
                     @update:model-value="$emit('update:musics', $event)"
                     :options="musicOptions"
-                    multiple
+                   
                     map-options
                     option-value="id"
                     option-label="name"
@@ -340,6 +341,7 @@
                     hide-bottom-space
                     clearable
                     dense
+                     multiple
                     use-input
                     use-chips
                   ></q-select>
@@ -740,8 +742,8 @@ export default defineComponent({
     nationality: { type: Object as PropType<NationalityType>, required: true },
     status: { type: Number, required: true },
     address: { type: String, required: true },
-    fields: { type: Object as PropType<FieldType>, required: true },
-    musics: { type: String, required: true },
+    fields: { type: Number, required: true },
+    musics: { type: Number, required: true },
     works: { type: Number, required: true },
     qualification: { type: Number, required: true },
     artistLevel: { type: Number, required: true },

src/pages/cap-nhat-thong-tin-nghe-sy/updateInformationArtist.ts

@@ -364,7 +364,7 @@ export default defineComponent({
       fullName.value = ArtistInformation.fullName;
       artistName.value = ArtistInformation.artistName;
       birthday.value =
-        birthday.value === null
+      ArtistInformation.birthday === null
           ? null
           : moment(ArtistInformation.birthday, 'DD/MM/YYYY HH:mm:ss').format(
               'DD/MM/YYYY'

src/pages/linh-vuc-hoat-dong/index.vue

@@ -44,7 +44,11 @@
         :no-data-label="$t('emptyData')"
         hide-pagination
         wrap-cells
+        virtual-scroll
         class="sticky-header-table"
+        :pagination="{
+          rowsPerPage: 0,
+        }"
       >
         <template v-slot:body-cell-action="item">
           <q-td style="padding: 0; text-align: center">

src/pages/nghe-si-cho-duyet/index.vue

@@ -186,6 +186,7 @@
       v-model:address="address"
       v-model:fields="fields"
       v-model:works="works"
+       v-model:musics="musics"
       v-model:qualification="qualification"
       v-model:artist-level="artistLevel"
       v-model:phone-number="phoneNumber"
@@ -422,7 +423,7 @@ export default defineComponent({
     const qualification: Ref<QualificationType | null> = ref(null);
     const artistLevel: Ref<ArtistLevelType | null> = ref(null);
     const status: Ref<number> = ref(1);
-    const fields: Ref<FieldType | null> = ref(null);
+    const fields: Ref<FieldType[]> = ref([]);
     const fieldsPrivate: Ref<FieldType | null> = ref(null);
     const works: Ref<WorkType[]> = ref([]);
     const phoneNumber: Ref<string | null> = ref(null);
@@ -503,7 +504,7 @@ export default defineComponent({
             artistLevel: artistLevel.value,
             // fields:  fields.value === null ? [] : [fields.value],
             // fields:  fields.value === null ? [] : [fields.value],
-            fields: [],
+            fields: fields.value,
             nationality: nationality.value,
             qualification: qualification.value,
             works: works.value,
@@ -533,7 +534,9 @@ export default defineComponent({
         }
       } catch (error) {}
     };
-
+    const UpdateBirtday = (value: string) => {
+      birthday.value = value;
+    };
     const callApiUploadAvatar = async (file: File) => {
       try {
         const bodyFormData = new FormData();
@@ -564,9 +567,6 @@ export default defineComponent({
       avatar.value = value.url as string;
     };
 
-    const UpdateBirtday = (value: string) => {
-      birthday.value = value;
-    };
     const getDetailArtist = async (id: number) => {
       try {
         const response = (await api({
@@ -590,7 +590,7 @@ export default defineComponent({
           fullName.value = ArtistInformation.fullName;
           artistName.value = ArtistInformation.artistName;
           birthday.value =
-            birthday.value === null
+            ArtistInformation.birthday === null
               ? null
               : moment(
                   ArtistInformation.birthday,
@@ -619,7 +619,7 @@ export default defineComponent({
           works.value = ArtistInformation.works;
           artistLevel.value = ArtistInformation.artistLevel;
           sex.value = ArtistInformation.sex;
-          fields.value = ArtistInformation.fields[0];
+          fields.value = ArtistInformation.fields;
           fieldsPrivate.value = ArtistInformation.fields[0];
           musics.value = ArtistInformation.musicTypeDto;
           address.value = ArtistInformation.provinceDto;
@@ -797,6 +797,7 @@ export default defineComponent({
       getFieldOptions,
       address,
       fields,
+      musics,
       getNationalityOptions,
       status,
       nationality,