update

src/assets/type.ts

-import { type } from "os";
+import { type } from 'os';
 
 export type PaginationResponse<DataType> = {
   pageIndex: null | number;

src/components/artist-information/personal-information/PersonalInformation.ts

@@ -3,7 +3,14 @@ import { i18n } from 'src/boot/i18n';
 import UploadImage from '../../upload-image/index.vue';
 import moment from 'moment';
 import { FieldType, NationalityType } from 'src/assets/type';
+// import { API_PATHS, config } from 'src/assets/configurations.example';
+// import { api, BaseResponseBody } from 'src/boot/axios';
+// import { AxiosResponse } from 'axios';
+import {
+  ProvinceType,
+}  from 'src/assets/type'
 export default defineComponent({
+
   props: {
     mnBookingPhone: { type: String, required: true },
     mnBookingEmail: { type: String, required: true },
@@ -40,7 +47,7 @@ export default defineComponent({
     sexOptions: { type: Array, required: true },
     fieldOptions: { type: Array, required: true },
     nationalityOptions: { type: Array, required: true },
-    provinceOptions: {type: Array, required: true},
+
     professionOptions: { type: Array, required: true },
     artistLevelOptions: { type: Array, required: true },
     workOptions: { type: Array, required: true },
@@ -61,7 +68,7 @@ export default defineComponent({
     nationalityRules: { type: Boolean, required: true },
     fieldRules: { type: Boolean, required: true },
     musicsRules: { type: Boolean, required: true },
-    workRules: { type: Boolean, required: true },
+    // workRules: { type: Boolean, required: true },
     qualificationRules: { type: Boolean, required: true },
     artistLevelRules: { type: Boolean, required: true },
     errorMessPhoneNumber: { type: String, required: true },
@@ -70,17 +77,23 @@ export default defineComponent({
     errorMessmnBookingEmail: { type: String, required: true },
     mnBookingEmailRules: { type: Boolean, required: true },
     mnBookingPhoneRules: { type: Boolean, required: true },
-    // errorMessAccount:  { type: String, required: true },
+   
+    options:  { type: String, required: true },
+    provinceOptions: {type: Array, required: true},
+    filterArrayOrganizational: {
+      type: Array as PropType<ProvinceType[]>,
+      required: true,
+    }
   },
+  
+  
   components: {
     UploadImage,
   },
-  setup(_, context) {
-
-
   
   
 
+  setup(_, context) {
     const BirthdayDatePicker = ref(moment().format('YYYY/MM/DD'));
     const selectedFile = (value: FileList) => {
       if (value.length !== 0) {
@@ -92,21 +105,31 @@ export default defineComponent({
       }
     };
 
-     const options = ref(null)
     
-    // const filterFn = (val:string, update) => {
-    //   if (val === '') {
-    //     update(() => {
 
-    //     })
-    //       return
-    //   }
-    //   update(() => {
-    //     const needle = val.toLowerCase()
-    //     // options.value = stringOptions.filter(v => v.toLowerCase().indexOf(needle) > -1)
-    //   }) 
  
+
+    // const options = props.filterArrayOrganizational
+  
+    const filterFn = (val:string, update:(fn: () => void) => void) => {
+     
+      if (!val) {
+        //  console.log(props.filterArrayOrganizational);
+        update(() => {
+          // options = 
+        });
+        return;
+      }
+      //  else {
+      //   update(() => { 
+      //     const needle = val.toLowerCase();
+      //       options.value = filterArrayOrganizational.value.filter(
+      //         (v: {  name: string }) =>
+      //           v.name.toLowerCase().indexOf(needle) > -1
+      //       );
+      //   });
       // }
+    }
 
     const upload = ref(null);
     const uploadBanner = () => {
@@ -162,21 +185,23 @@ export default defineComponent({
     const errorMessFields = i18n.global.t(
       'artist.artistInformation.validateMessages.requireField'
     );
-    const errorMessWorks = i18n.global.t(
-      'artist.artistInformation.validateMessages.requiredWork'
-    );
+    // const errorMessWorks = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requiredWork'
+    // );
     const errorMessQualification = i18n.global.t(
       'artist.artistInformation.validateMessages.requireQualification'
     );
     const errorMessArtistLevel = i18n.global.t(
       'artist.artistInformation.validateMessages.requireArtistLevel'
     );
-
+    // onMounted(() => {
+    // void  getProvinceOptions()
+    // });
     return {
       check_infoBooking: ref(false),
       upload,
       uploadBanner,
-      // filterFn,
+      filterFn,
       selectedFile,
       deleteAvatar,
       BirthdayDatePicker,
@@ -195,11 +220,14 @@ export default defineComponent({
   
       errorMessAddress,
       errorMessFields,
-      errorMessWorks,
+      // errorMessWorks,
       errorMessQualification,
       errorMessArtistLevel,
+      // filterArrayOrganizational,
+      // getProvinceOptions
     };
   },
+
   emits: [
     'update:emailAdminister',
     'update:phoneNumberAdminister',
@@ -241,4 +269,10 @@ export default defineComponent({
     'UpdateBirtday',
    
   ],
+   
 });
+
+
+  
+
+

src/pages/cap-nhat-thong-tin-nghe-sy/index.vue

@@ -82,7 +82,7 @@
             :sexRules="sexRules"
             :nationalityRules="nationalityRules"
             :fieldRules="fieldRules"
-            :workRules="workRules"
+           
             :qualificationRules="qualificationRules"
             :artistLevelRules="artistLevelRules"
             :sex-options="sexOptions"

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

@@ -317,14 +317,14 @@ export default defineComponent({
         }
       }
     );
-    watch(
-      () => works.value,
-      (value) => {
-        if (value) {
-          workRules.value = false;
-        }
-      }
-    );
+    // watch(
+    //   () => works.value,
+    //   (value) => {
+    //     if (value) {
+    //       workRules.value = false;
+    //     }
+    //   }
+    // );
     watch(
       () => qualification.value,
       (value) => {
@@ -827,10 +827,10 @@ export default defineComponent({
         hasError = true;
         qualificationRules.value = true;
       }
-      if (!works.value.length) {
-        hasError = true;
-        workRules.value = true;
-      }
+      // if (!works.value.length) {
+      //   hasError = true;
+      //   workRules.value = true;
+      // }
       if (hasError === false) {
         void updateInformationArtist();
       }
@@ -1076,7 +1076,7 @@ export default defineComponent({
       sexRules,
       nationalityRules,
       fieldRules,
-      workRules,
+      // workRules,
       qualificationRules,
       artistLevelRules,
       accountRules,

src/pages/them-nghe-sy/AddArtist.ts

@@ -165,7 +165,7 @@ export default defineComponent({
     const sexRules = ref(false);
     const nationalityRules = ref(false);
     const fieldRules = ref(false);
-    const workRules = ref(false);
+    // const workRules = ref(false);
     const musicRules = ref(false);
     const qualificationRules = ref(false);
     const artistLevelRules = ref(false);
@@ -311,14 +311,14 @@ export default defineComponent({
         }
       }
     );
-    watch(
-      () => works.value,
-      (value) => {
-        if (value) {
-          workRules.value = false;
-        }
-      }
-    );
+    // watch(
+    //   () => works.value,
+    //   (value) => {
+    //     if (value) {
+    //       workRules.value = false;
+    //     }
+    //   }
+    // );
     watch(
      () => musics.value,
       (value) => {
@@ -756,10 +756,10 @@ export default defineComponent({
         hasError = true;
         qualificationRules.value = true;
       }
-      if (!works.value.length) {
-        hasError = true;
-        workRules.value = true;
-      }
+      // if (!works.value.length) {
+      //   hasError = true;
+      //   workRules.value = true;
+      // }
 
 
       if (hasError === false) {
@@ -1003,7 +1003,7 @@ export default defineComponent({
       sexRules,
       nationalityRules,
       fieldRules,
-      workRules,
+      // workRules,
       musicRules,
       qualificationRules,
       artistLevelRules,

src/pages/them-nghe-sy/index.vue

@@ -82,7 +82,7 @@
             :sexRules="sexRules"
             :nationalityRules="nationalityRules"
             :fieldRules="fieldRules"
-            :workRules="workRules"
+          
             :qualificationRules="qualificationRules"
             :artistLevelRules="artistLevelRules"
             :sex-options="sexOptions"