update

src/components/user-management/add-new-user-dialog/index.vue

@@ -170,7 +170,6 @@
                 option-value="id"
                 option-label="groupName"
                 multiple
-                use-input
                 use-chips
                 map-options
                 emit-value

src/components/user-management/update-user-dialog/index.vue

@@ -140,7 +140,6 @@
                 :options="listGroup"
                 option-value="id"
                 option-label="groupName"
-                use-input
                 use-chips
                 map-options
                 multiple

src/pages/danh-sach-booking/index.vue

@@ -386,8 +386,8 @@ export default defineComponent({
     const pageIndex = ref(1);
     const pageSize = ref(20);
     const totalPage = ref(1);
-    const sreachArtist: Ref<string | null> = ref(null);
-    const sreachUserName: Ref<string | null> = ref(null);
+    const sreachArtist: Ref<ListArrayArtist | null> = ref(null);
+    const sreachUserName: Ref<ListArrayArtist | null> = ref(null);
     const sreachStatus: Ref<
       { id: number; name: string; color: string } | undefined
     > = ref(undefined);
@@ -448,10 +448,10 @@ export default defineComponent({
           params: {
             pageIndex: pageIndex.value,
             pageSize: pageSize.value,
-            artistId: sreachArtist.value,
-            custId: sreachUserName.value,
-            status: sreachStatus.value,
-            performBooking: sreachPerformStatus.value,
+            artistId: sreachArtist.value?.id,
+            custId: sreachUserName.value?.id,
+            status: sreachStatus.value?.id,
+            performBooking: sreachPerformStatus.value?.id,
             fromTime: moment(date.value[0], 'DD/MM/YYYY').format('DD/MM/YYYY'),
             toTime: moment(date.value[1], 'DD/MM/YYYY').format('DD/MM/YYYY'),
           },