update

src/assets/configurations.example.ts

 export const config = {
-  API_ENDPOINT: 'http://cms.vab.xteldev.com/api/',
-  API_IMAGE_ENDPOINT: 'http://cms.vab.xteldev.com/file/upload/',
+  API_ENDPOINT: 'https://cms.vab.xteldev.com/api/',
+  API_IMAGE_ENDPOINT: 'https://cms.vab.xteldev.com/file/upload/',
   API_RES_CODE: {
     OK: {
       code: 0,

src/components/add-update-post/index.vue

@@ -191,6 +191,7 @@
                     toolbar-toggle-color="yellow-8"
                     toolbar-bg="primary"
                     style="height: 100%"
+            
                     :toolbar="[
                       [
                         {
@@ -266,6 +267,8 @@
 
                       ['undo', 'redo'],
                       ['viewsource'],
+                      ['upload']
+
                     ]"
                     :fonts="{
                       arial: 'Arial',
@@ -277,7 +280,13 @@
                       times_new_roman: 'Times New Roman',
                       verdana: 'Verdana',
                     }"
-                  />
+                    > 
+                    <template #upload>
+                      <q-btn @click="uploadFile" flat class="text-white" dense size="sm" icon="cloud_upload">
+
+                      </q-btn>
+                    </template>
+                   </q-editor>
                 </q-tab-panel>
               </q-tab-panels>
             </div>
@@ -340,7 +349,25 @@ export default defineComponent({
       required: true,
     },
   },
+
   setup(_, context) {
+
+
+
+  
+
+
+
+   const uploadImage = ref(null);
+    const uploadFile = () => {
+      // eslint-disable-next-line
+      // @ts-ignore
+      // eslint-disable-next-line
+      uploadImage.value?.click();
+    };
+
+     
+
     const selectedFile = (value: FileList) => {
       context.emit('SetAvatar', {
         file: value[0],
@@ -380,11 +407,13 @@ export default defineComponent({
       imageRules,
       selectedFile,
       categoryRules,
+      uploadImage,
       upload,
       uploadAvatar,
       deleteAvatar,
       tab,
       tabContent,
+      uploadFile
     };
   },
   emits: [

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

@@ -55,28 +55,28 @@ export default defineComponent({
     favoriteScore: { type: Number, required: true },
     artistCodeRules: { type: Boolean, required: true },
     fullNameRules: { type: Boolean, required: true },
-    artistNameRules: { type: Boolean, required: true },
-    birthdayRules: { type: Boolean, required: true },
-    emailRules: { type: Boolean, required: true },
+    // artistNameRules: { type: Boolean, required: true },
+    // birthdayRules: { type: Boolean, required: true },
+    // emailRules: { type: Boolean, required: true },
     emailAdministerRules: { type: Boolean, required: true },
     phoneNumberAdministerRules: { type: Boolean, required: true },
-    addressRules: { type: Boolean, required: true },
+    // addressRules: { type: Boolean, required: true },
     account: { type: String, required: true },
     accountRules:{type:Boolean, required: true},
-    phoneNumberRules: { type: Boolean, required: true },
-    sexRules: { type: Boolean, required: true },
-    nationalityRules: { type: Boolean, required: true },
-    fieldRules: { type: Boolean, required: true },
-    musicsRules: { type: Boolean, required: true },
+    // phoneNumberRules: { type: Boolean, required: true },
+    // sexRules: { type: Boolean, required: true },
+    // nationalityRules: { type: Boolean, required: true },
+    // fieldRules: { type: Boolean, required: true },
+    // musicsRules: { type: Boolean, required: true },
     // workRules: { type: Boolean, required: true },
-    qualificationRules: { type: Boolean, required: true },
+    // qualificationRules: { type: Boolean, required: true },
     artistLevelRules: { type: Boolean, required: true },
-    errorMessPhoneNumber: { type: String, required: true },
-    errorMessEmail: { type: String, required: true },
-    errorMessmnBookingPhone: { type: String, required: true },
-    errorMessmnBookingEmail: { type: String, required: true },
-    mnBookingEmailRules: { type: Boolean, required: true },
-    mnBookingPhoneRules: { type: Boolean, required: true },
+    // errorMessPhoneNumber: { type: String, required: true },
+    // errorMessEmail: { type: String, required: true },
+    // errorMessmnBookingPhone: { type: String, required: true },
+    // errorMessmnBookingEmail: { type: String, required: true },
+    // mnBookingEmailRules: { type: Boolean, required: true },
+    // mnBookingPhoneRules: { type: Boolean, required: true },
    
     options:  { type: String, required: true },
     provinceOptions: {type: Array, required: true},

src/components/artist-information/personal-information/index.vue

@@ -64,9 +64,9 @@
                 @change="selectedFile($event.target.files)"
               />
             </div>
-            <div v-if="hidden_img" style="color: #c10015; font-size: 12px">
+            <!-- <div v-if="hidden_img" style="color: #c10015; font-size: 12px">
               Vui lòng chọn ảnh
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -144,14 +144,16 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.artistName') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+            <!-- :error-message="errorMessArtistName" -->
+             <!-- :error="artistNameRules" -->
           <q-input
             :model-value="artistName"
             @update:model-value="$emit('update:artistName', $event)"
-            :error="artistNameRules"
-            :error-message="errorMessArtistName"
+           
+          
             class="q-my-sm"
             outlined
             dense
@@ -162,14 +164,15 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.birthday') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+          <!-- :error="birthdayRules" -->
+            <!-- :error-message="errorMessBirthday" -->
           <q-input
             :model-value="birthday"
             @update:model-value="$emit('update:birthday', $event)"
-            :error="birthdayRules"
-            :error-message="errorMessBirthday"
+            
             class="q-my-sm"
             outlined
             @click="openDialog = true"
@@ -202,15 +205,16 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.sex') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+           <!-- :error="sexRules"
+            :error-message="errorMessSex" -->
           <q-select
             :model-value="sex"
             @update:model-value="$emit('update:sex', $event)"
             :options="sexOptions"
-            :error="sexRules"
-            :error-message="errorMessSex"
+           
             emit-value
             map-options
             option-value="id"
@@ -227,15 +231,17 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.nationality') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+          <!-- :error="nationalityRules"
+            :error-message="errorMessNationality" -->
+          
           <q-select
             :model-value="nationality"
             @update:model-value="$emit('update:nationality', $event)"
             :options="nationalityOptions"
-            :error="nationalityRules"
-            :error-message="errorMessNationality"
+            
             map-options
             option-value="id"
             option-label="name"
@@ -251,16 +257,17 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.address') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
 
         <div class="col-8">
           <!-- {{address}} -->
+           <!-- :error="addressRules"
+            :error-message="errorMessAddress" -->
           <q-select
             :model-value="address"
             @update:model-value="$emit('update:address', $event)"
-             :error="addressRules"
-            :error-message="errorMessAddress"
+            
             :options="provinceOptions1"
             option-value="fullName"
             option-label="fullName"
@@ -291,15 +298,16 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.field') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         
         <div class="col-8">
+           <!-- :error="fieldRules"
+            :error-message="errorMessFields" -->
           <q-select
             :model-value="fields"
             @update:model-value="$emit('update:fields', $event)"
-            :error="fieldRules"
-            :error-message="errorMessFields"
+           
             :options="fieldOptions"
             multiple
             map-options
@@ -378,15 +386,16 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.qualification') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+            <!-- :error="qualificationRules"
+            :error-message="errorMessQualification" -->
           <q-select
             :model-value="qualification"
             @update:model-value="$emit('update:qualification', $event)"
             :options="professionOptions"
-            :error="qualificationRules"
-            :error-message="errorMessQualification"
+          
             map-options
             option-value="id"
             option-label="name"
@@ -443,14 +452,15 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.phoneNumber') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+           <!-- :error="phoneNumberRules"
+            :error-message="errorMessPhoneNumber" -->
           <q-input
             :model-value="phoneNumber"
             @update:model-value="$emit('update:phoneNumber', $event)"
-            :error="phoneNumberRules"
-            :error-message="errorMessPhoneNumber"
+          
             mask="##########"
             class="q-my-sm"
             outlined
@@ -462,14 +472,15 @@
       <div class="row flex-center">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.email') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+            <!-- :error="emailRules"
+            :error-message="errorMessEmail" -->
           <q-input
             :model-value="email"
             @update:model-value="$emit('update:email', $event)"
-            :error="emailRules"
-            :error-message="errorMessEmail"
+          
             outlined
             class="q-my-sm"
             dense
@@ -596,16 +607,17 @@
       <div class="row flex-center" v-if="check_infoBooking">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.phoneNumberBooking') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+           <!-- :error="mnBookingPhoneRules"
+            :error-message="errorMessmnBookingPhone" -->
           <q-input
             :model-value="mnBookingPhone"
             @update:model-value="$emit('update:mnBookingPhone', $event)"
             mask="##########"
             class="q-my-sm"
-            :error="mnBookingPhoneRules"
-            :error-message="errorMessmnBookingPhone"
+           
             outlined
             dense
             hide-bottom-space
@@ -615,14 +627,15 @@
       <div class="row flex-center" v-if="check_infoBooking">
         <div class="col-3 text-weight-medium">
           {{ $t('artist.artistInformation.titleDataField.emailBooking') }}
-          <span style="color: red">*</span>
+          <!-- <span style="color: red">*</span> -->
         </div>
         <div class="col-8">
+            <!-- :error="mnBookingEmailRules"
+            :error-message="errorMessmnBookingEmail" -->
           <q-input
             :model-value="mnBookingEmail"
             @update:model-value="$emit('update:mnBookingEmail', $event)"
-            :error="mnBookingEmailRules"
-            :error-message="errorMessmnBookingEmail"
+          
             outlined
             class="q-my-sm"
             dense
@@ -735,28 +748,28 @@ export default defineComponent({
     favoriteScore: { type: Number, required: true },
     artistCodeRules: { type: Boolean, required: true },
     fullNameRules: { type: Boolean, required: true },
-    artistNameRules: { type: Boolean, required: true },
-    birthdayRules: { type: Boolean, required: true },
-    emailRules: { type: Boolean, required: true },
+    // artistNameRules: { type: Boolean, required: true },
+    // birthdayRules: { type: Boolean, required: true },
+    // emailRules: { type: Boolean, required: true },
     emailAdministerRules: { type: Boolean, required: true },
     phoneNumberAdministerRules: { type: Boolean, required: true },
-    addressRules: { type: Boolean, required: true },
+    // addressRules: { type: Boolean, required: true },
     account: { type: String, required: true },
     accountRules:{type:Boolean, required: true},
-    phoneNumberRules: { type: Boolean, required: true },
-    sexRules: { type: Boolean, required: true },
-    nationalityRules: { type: Boolean, required: true },
-    fieldRules: { type: Boolean, required: true },
-    musicsRules: { type: Boolean, required: true },
+    // phoneNumberRules: { type: Boolean, required: true },
+    // sexRules: { type: Boolean, required: true },
+    // nationalityRules: { type: Boolean, required: true },
+    // fieldRules: { type: Boolean, required: true },
+    // musicsRules: { type: Boolean, required: true },
     // workRules: { type: Boolean, required: true },
-    qualificationRules: { type: Boolean, required: true },
+    // qualificationRules: { type: Boolean, required: true },
     artistLevelRules: { type: Boolean, required: true },
-    errorMessPhoneNumber: { type: String, required: true },
-    errorMessEmail: { type: String, required: true },
-    errorMessmnBookingPhone: { type: String, required: true },
-    errorMessmnBookingEmail: { type: String, required: true },
-    mnBookingEmailRules: { type: Boolean, required: true },
-    mnBookingPhoneRules: { type: Boolean, required: true },
+    // errorMessPhoneNumber: { type: String, required: true },
+    // errorMessEmail: { type: String, required: true },
+    // errorMessmnBookingPhone: { type: String, required: true },
+    // errorMessmnBookingEmail: { type: String, required: true },
+    // mnBookingEmailRules: { type: Boolean, required: true },
+    // mnBookingPhoneRules: { type: Boolean, required: true },
    
     // options:  { type: String, required: true },
     provinceOptions: {type: Array,
@@ -851,31 +864,31 @@ export default defineComponent({
     const errorMessFullName = i18n.global.t(
       'artist.artistInformation.validateMessages.requireFullName'
     );
-    const errorMessArtistName = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireArtistName'
-    );
-    const errorMessBirthday = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireBirthday'
-    );
-  
-    const errorMessSex = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireSex'
-    );
-    const errorMessNationality = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireNationality'
-    );
-    const errorMessAddress = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireAddress'
-    );
-    const errorMessFields = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireField'
-    );
+    // const errorMessArtistName = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireArtistName'
+    // );
+    // const errorMessBirthday = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireBirthday'
+    // );
+  
+    // const errorMessSex = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireSex'
+    // );
+    // const errorMessNationality = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireNationality'
+    // );
+    // const errorMessAddress = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireAddress'
+    // );
+    // const errorMessFields = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireField'
+    // );
     const errorMessWorks = i18n.global.t(
       'artist.artistInformation.validateMessages.requiredWork'
     );
-    const errorMessQualification = i18n.global.t(
-      'artist.artistInformation.validateMessages.requireQualification'
-    );
+    // const errorMessQualification = i18n.global.t(
+    //   'artist.artistInformation.validateMessages.requireQualification'
+    // );
     const errorMessArtistLevel = i18n.global.t(
       'artist.artistInformation.validateMessages.requireArtistLevel'
     );
@@ -898,15 +911,15 @@ export default defineComponent({
       errorMessArtistCode,
       errorMessFullName,
       errorMessAccount,
-      errorMessArtistName,
-      errorMessBirthday,
-      errorMessSex,
-      errorMessNationality,
+      // errorMessArtistName,
+      // errorMessBirthday,
+      // errorMessSex,
+      // errorMessNationality,
   
-      errorMessAddress,
-      errorMessFields,
+      // errorMessAddress,
+      // errorMessFields,
       errorMessWorks,
-      errorMessQualification,
+      // errorMessQualification,
       errorMessArtistLevel,
       provinceOptions1,
       options,

src/pages/bai-viet/index.vue

@@ -461,7 +461,7 @@ export default defineComponent({
         bodyFormData.append('file', file);
         const response = (await api({
           headers: { 'Content-Type': 'multipart/form-data' },
-          url: 'http://cms.vab.xteldev.com/file/upload/',
+          url: 'https://cms.vab.xteldev.com/file/upload/',
           method: 'POST',
           data: bodyFormData,
         })) as AxiosResponse<BaseResponseBody<FileUploadType>>;

src/pages/banner/index.vue

@@ -400,7 +400,7 @@ export default defineComponent({
         bodyFormData.append('file', file);
         const response = (await api({
           headers: { 'Content-Type': 'multipart/form-data' },
-          url: 'http://cms.vab.xteldev.com/file/upload/',
+          url: 'https://cms.vab.xteldev.com/file/upload/',
           method: 'POST',
           data: bodyFormData,
         })) as AxiosResponse<BaseResponseBody<FileUploadType>>;

src/pages/cau-hinh-doi-tac-truyen-thong/index.vue

@@ -408,7 +408,7 @@ export default defineComponent({
         bodyFormData.append('file', file);
         const response = (await api({
           headers: { 'Content-Type': 'multipart/form-data' },
-          url: 'http://cms.vab.xteldev.com/file/upload/',
+          url: 'https://cms.vab.xteldev.com/file/upload/',
           method: 'POST',
           data: bodyFormData,
         })) as AxiosResponse<BaseResponseBody<FileUploadType>>;

src/pages/cau-hinh-san-pham-noi-bat/index.vue

@@ -468,7 +468,7 @@ export default defineComponent({
         bodyFormData.append('file', file);
         const response = (await api({
           headers: { 'Content-Type': 'multipart/form-data' },
-          url: 'http://cms.vab.xteldev.com/file/upload/',
+          url: 'https://cms.vab.xteldev.com/file/upload/',
           method: 'POST',
           data: bodyFormData,
         })) as AxiosResponse<BaseResponseBody<FileUploadType>>;

src/pages/cau-hinh-tin-tuc/index.vue

@@ -413,7 +413,7 @@ export default defineComponent({
         bodyFormData.append('file', file);
         const response = (await api({
           headers: { 'Content-Type': 'multipart/form-data' },
-          url: 'http://cms.vab.xteldev.com/file/upload/',
+          url: 'https://cms.vab.xteldev.com/file/upload/',
           method: 'POST',
           data: bodyFormData,
         })) as AxiosResponse<BaseResponseBody<FileUploadType>>;

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

@@ -130,7 +130,7 @@ export default defineComponent({
     const facebookMessage: Ref<string | null | undefined> = ref();
     const instagram: Ref<string | null | undefined> = ref();
     const whatsapp: Ref<string | null | undefined> = ref();
-    const hidden_img = ref(false);
+    // const hidden_img = ref(false);
 
     // state sử dụng trong tab vab account
     const banners: Ref<BannerType[]> = ref([]);
@@ -155,46 +155,46 @@ export default defineComponent({
     const check_infoBooking = ref(false);
     const artistCodeRules = ref(false);
     const fullNameRules = ref(false);
-    const artistNameRules = ref(false);
-    const birthdayRules = ref(false);
-    const emailRules = ref(false);
-    const addressRules = ref(false);
-    const phoneNumberRules = ref(false);
-    const mnBookingEmailRules = ref(false);
-    const mnBookingPhoneRules = ref(false);
-    const sexRules = ref(false);
-    const nationalityRules = ref(false);
-    const fieldRules = ref(false);
+    // const artistNameRules = ref(false);
+    // const birthdayRules = ref(false);
+    // const emailRules = ref(false);
+    // const addressRules = ref(false);
+    // const phoneNumberRules = ref(false);
+    // const mnBookingEmailRules = ref(false);
+    // const mnBookingPhoneRules = ref(false);
+    // const sexRules = ref(false);
+    // const nationalityRules = ref(false);
+    // const fieldRules = ref(false);
     // const workRules = ref(false);
-    const musicRules = ref(false);
-    const qualificationRules = ref(false);
-    const artistLevelRules = ref(false);
+    // const musicRules = ref(false);
+    // const qualificationRules = ref(false);
+    // const artistLevelRules = ref(false);
    const accountRules=ref(false)
 
-    const errorMessEmail = ref( 
-      i18n.global.t('artist.artistInformation.validateMessages.requireEmail')
-    );
-    const errorMessPhoneNumber = ref(
-      i18n.global.t(
-        'artist.artistInformation.validateMessages.requirePhoneNumber'
-      )
-    );
+    // const errorMessEmail = ref( 
+    //   i18n.global.t('artist.artistInformation.validateMessages.requireEmail')
+    // );
+    // const errorMessPhoneNumber = ref(
+    //   i18n.global.t(
+    //     'artist.artistInformation.validateMessages.requirePhoneNumber'
+    //   )
+    // );
     
-    const errorMessmnBookingEmail = ref(
-      i18n.global.t(
-        'artist.artistInformation.validateMessages.requireEmailAdminister'
-      )
-    );
-    const errorMessAddress = ref(i18n.global.t('artist.artistInformation.validateMessages.requireAddress'))
+    // const errorMessmnBookingEmail = ref(
+    //   i18n.global.t(
+    //     'artist.artistInformation.validateMessages.requireEmailAdminister'
+    //   )
+    // );
+    // const errorMessAddress = ref(i18n.global.t('artist.artistInformation.validateMessages.requireAddress'))
     const errorMessAccount = ref(
       i18n.global.t(
         'artist.artistInformation.validateMessages.requireAccount')
     );
-    const errorMessmnBookingPhone = ref(
-      i18n.global.t(
-        'artist.artistInformation.validateMessages.requirePhoneNumberAdminister'
-      )
-    );
+    // const errorMessmnBookingPhone = ref(
+    //   i18n.global.t(
+    //     'artist.artistInformation.validateMessages.requirePhoneNumberAdminister'
+    //   )
+    // );
     watch(
       () => fields.value,
       (value) => {
@@ -231,86 +231,86 @@ export default defineComponent({
         }
       }
     );
-    watch(
-      () => artistName.value,
-      (value) => {
-        if (value) {
-          artistNameRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => birthday.value,
-      (value) => {
-        if (value) {
-          birthdayRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => email.value,
-      (value) => {
-        if (value) {
-          emailRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => address.value,
-      (value) => {
-        if (value) {
-          addressRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => phoneNumber.value,
-      (value) => {
-        if (value) {
-          phoneNumberRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => mnBookingPhone.value,
-      (value) => {
-        if (value) {
-          mnBookingPhoneRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => mnBookingEmail.value,
-      (value) => {
-        if (value) {
-          mnBookingEmailRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => sex.value,
-      (value) => {
-        if (value) {
-          sexRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => nationality.value,
-      (value) => {
-        if (value) {
-          nationalityRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => fields.value,
-      (value) => {
-        if (value) {
-          fieldRules.value = false;
-        }
-      }
-    );
+    // watch(
+    //   () => artistName.value,
+    //   (value) => {
+    //     if (value) {
+    //       artistNameRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => birthday.value,
+    //   (value) => {
+    //     if (value) {
+    //       birthdayRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => email.value,
+    //   (value) => {
+    //     if (value) {
+    //       emailRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => address.value,
+    //   (value) => {
+    //     if (value) {
+    //       addressRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => phoneNumber.value,
+    //   (value) => {
+    //     if (value) {
+    //       phoneNumberRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => mnBookingPhone.value,
+    //   (value) => {
+    //     if (value) {
+    //       mnBookingPhoneRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => mnBookingEmail.value,
+    //   (value) => {
+    //     if (value) {
+    //       mnBookingEmailRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => sex.value,
+    //   (value) => {
+    //     if (value) {
+    //       sexRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => nationality.value,
+    //   (value) => {
+    //     if (value) {
+    //       nationalityRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => fields.value,
+    //   (value) => {
+    //     if (value) {
+    //       fieldRules.value = false;
+    //     }
+    //   }
+    // );
     // watch(
     //   () => works.value,
     //   (value) => {
@@ -319,22 +319,22 @@ export default defineComponent({
     //     }
     //   }
     // );
-    watch(
-     () => musics.value,
-      (value) => {
-        if(value) {
-          musicRules.value = false;
-        }
-      }
-    );
-    watch(
-      () => qualification.value,
-      (value) => {
-        if (value) {
-          qualificationRules.value = false;
-        }
-      }
-    );
+    // watch(
+    //  () => musics.value,
+    //   (value) => {
+    //     if(value) {
+    //       musicRules.value = false;
+    //     }
+    //   }
+    // );
+    // watch(
+    //   () => qualification.value,
+    //   (value) => {
+    //     if (value) {
+    //       qualificationRules.value = false;
+    //     }
+    //   }
+    // );
     // watch(
     //   () => artistLevel.value,
     //   (value) => {
@@ -674,10 +674,10 @@ export default defineComponent({
     };
     const checkValidate = () => {
       let hasError = false;
-      if (!avatarFile.value) {
-        hasError = true;
-        hidden_img.value = true;
-      }
+      // if (!avatarFile.value) {
+      //   hasError = true;
+      //   hidden_img.value = true;
+      // }
       if (!artistCode.value || !artistCode.value?.trim().length) {
         hasError = true;
         artistCodeRules.value = true;
@@ -686,76 +686,76 @@ export default defineComponent({
         hasError = true;
         fullNameRules.value = true;
       }
-      if (!artistName.value || !artistName.value?.trim().length) {
-        hasError = true;
-        artistNameRules.value = true;
-      }
-      if (!birthday.value || !birthday.value?.trim().length) {
-        hasError = true;
-        birthdayRules.value = true;
-      }
-      if (sex.value === null) {
-        hasError = true;
-        sexRules.value = true;
-      }
-      if (!phoneNumber.value || !phoneNumber.value?.trim().length) {
-        hasError = true;
-        phoneNumberRules.value = true;
-        errorMessPhoneNumber.value = i18n.global.t(
-          'artist.artistInformation.validateMessages.requirePhoneNumber'
-        );
-      }
+      // if (!artistName.value || !artistName.value?.trim().length) {
+      //   hasError = true;
+      //   artistNameRules.value = true;
+      // }
+      // if (!birthday.value || !birthday.value?.trim().length) {
+      //   hasError = true;
+      //   birthdayRules.value = true;
+      // }
+      // if (sex.value === null) {
+      //   hasError = true;
+      //   sexRules.value = true;
+      // }
+      // if (!phoneNumber.value || !phoneNumber.value?.trim().length) {
+      //   hasError = true;
+      //   phoneNumberRules.value = true;
+      //   errorMessPhoneNumber.value = i18n.global.t(
+      //     'artist.artistInformation.validateMessages.requirePhoneNumber'
+      //   );
+      // }
 
-      if (!email.value || !email.value?.trim().length) {
-        hasError = true;
-        emailRules.value = true;
-        errorMessEmail.value = i18n.global.t(
-          'artist.artistInformation.validateMessages.requireEmail'
-        );
-      }
+      // if (!email.value || !email.value?.trim().length) {
+      //   hasError = true;
+      //   emailRules.value = true;
+      //   errorMessEmail.value = i18n.global.t(
+      //     'artist.artistInformation.validateMessages.requireEmail'
+      //   );
+      // }
      
-      if (
-        (!mnBookingPhone.value || !mnBookingPhone.value?.trim().length) &&
-        check_infoBooking.value
-      ) {
-        hasError = true;
-        mnBookingPhoneRules.value = true;
-        errorMessmnBookingPhone.value = i18n.global.t(
-          'artist.artistInformation.validateMessages.requirePhoneNumberAdminister'
-        );
-      }
-      if (
-        (!mnBookingEmail.value || !mnBookingEmail.value?.trim().length) &&
-        check_infoBooking.value
-      ) {
-        hasError = true;
-        mnBookingEmailRules.value = true;
-        errorMessmnBookingEmail.value = i18n.global.t(
-          'artist.artistInformation.validateMessages.requireEmailAdminister'
-        );
-      }
+      // if (
+      //   (!mnBookingPhone.value || !mnBookingPhone.value?.trim().length) &&
+      //   check_infoBooking.value
+      // ) {
+      //   hasError = true;
+      //   mnBookingPhoneRules.value = true;
+      //   errorMessmnBookingPhone.value = i18n.global.t(
+      //     'artist.artistInformation.validateMessages.requirePhoneNumberAdminister'
+      //   );
+      // }
+      // if (
+      //   (!mnBookingEmail.value || !mnBookingEmail.value?.trim().length) &&
+      //   check_infoBooking.value
+      // ) {
+      //   hasError = true;
+      //   mnBookingEmailRules.value = true;
+      //   errorMessmnBookingEmail.value = i18n.global.t(
+      //     'artist.artistInformation.validateMessages.requireEmailAdminister'
+      //   );
+      // }
 
 
-      if (!fields.value) {
-        hasError = true;
-        fieldRules.value = true;
-      }
+      // if (!fields.value) {
+      //   hasError = true;
+      //   fieldRules.value = true;
+      // }
       if(!account.value){
         hasError = true;
         accountRules.value = true;
       }
-      if(!address.value){
-        hasError = true;
-        addressRules.value = true
-      }
-      if (nationality.value === null) {
-        hasError = true;
-        nationalityRules.value = true;
-      }
-      if (qualification.value === null) {
-        hasError = true;
-        qualificationRules.value = true;
-      }
+      // if(!address.value){
+      //   hasError = true;
+      //   addressRules.value = true
+      // }
+      // if (nationality.value === null) {
+      //   hasError = true;
+      //   nationalityRules.value = true;
+      // }
+      // if (qualification.value === null) {
+      //   hasError = true;
+      //   qualificationRules.value = true;
+      // }
       // if (!works.value.length) {
       //   hasError = true;
       //   workRules.value = true;
@@ -816,7 +816,7 @@ export default defineComponent({
             artistCode: artistCode.value,
             artistName: artistName.value,
             // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-            birthday: birthday.value + ' 00:00:00',
+            birthday: birthday.value === null ? '' :  birthday.value + ' 00:00:00',
             sex: sex.value,
             provinceDto: address.value,
             address: null,
@@ -896,7 +896,7 @@ export default defineComponent({
     });
     return {
 
-      hidden_img,
+      // hidden_img,
       tab,
       id,
       route,
@@ -928,10 +928,10 @@ export default defineComponent({
       mnFbmess,
       mnIns,
       mnWhatsapp,
-      mnBookingPhoneRules,
-      errorMessmnBookingPhone,
-      mnBookingEmailRules,
-      errorMessmnBookingEmail,
+      // mnBookingPhoneRules,
+      // errorMessmnBookingPhone,
+      // mnBookingEmailRules,
+      // errorMessmnBookingEmail,
       socialEmbedded,
       sexOptions,
       fieldOptions,
@@ -995,24 +995,24 @@ export default defineComponent({
       checkValidate,
       artistCodeRules,
       fullNameRules,
-      artistNameRules,
-      birthdayRules,
-      emailRules,
+      // artistNameRules,
+      // birthdayRules,
+      // emailRules,
       // addressRules,
-      phoneNumberRules,
-      sexRules,
-      nationalityRules,
-      fieldRules,
+      // phoneNumberRules,
+      // sexRules,
+      // nationalityRules,
+      // fieldRules,
       // workRules,
-      musicRules,
-      qualificationRules,
-      artistLevelRules,
-      errorMessEmail,
+      // musicRules,
+      // qualificationRules,
+      // artistLevelRules,
+      // errorMessEmail,
       accountRules,
-      addressRules,
-      errorMessPhoneNumber,
+      // addressRules,
+      // errorMessPhoneNumber,
       errorMessAccount,
-      errorMessAddress,
+      // errorMessAddress,
       confirmChangeIsDefault,
       favoriteScore,
       check_infoBooking,

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

@@ -67,23 +67,20 @@
              v-model:account="account"
              :accountRules="accountRules"
              :addressRules="addressRules"
-            :errorMessmnBookingPhone="errorMessmnBookingPhone"
+         
             :errorMessmnBookingEmail="errorMessmnBookingEmail"
-            :mnBookingEmailRules="mnBookingEmailRules"
-            :mnBookingPhoneRules="mnBookingPhoneRules"
-            :errorMessPhoneNumber="errorMessPhoneNumber"
-            :errorMessEmail="errorMessEmail"
+        
+       
+    
             :artistCodeRules="artistCodeRules"
             :fullNameRules="fullNameRules"
-            :artistNameRules="artistNameRules"
-            :birthdayRules="birthdayRules"
-            :emailRules="emailRules"
-            :phoneNumberRules="phoneNumberRules"
-            :sexRules="sexRules"
-            :nationalityRules="nationalityRules"
-            :fieldRules="fieldRules"
-          
-            :qualificationRules="qualificationRules"
+          
+        
+       
+          
+     
+          
+      
             :artistLevelRules="artistLevelRules"
             :sex-options="sexOptions"
             :field-options="fieldOptions"
@@ -99,6 +96,20 @@
            
           ></PersonalInformation>
            <!-- :addressRules="addressRules" -->
+             <!-- :artistNameRules="artistNameRules" -->
+                 <!-- :birthdayRules="birthdayRules" -->
+                      <!-- :emailRules="emailRules" -->
+                        <!-- :phoneNumberRules="phoneNumberRules" -->
+            <!-- :sexRules="sexRules" -->
+              <!-- :nationalityRules="nationalityRules" -->
+                         <!-- :qualificationRules="qualificationRules" -->
+              
+            <!-- :fieldRules="fieldRules" -->
+                 <!-- :errorMessPhoneNumber="errorMessPhoneNumber" -->
+                         <!-- :errorMessEmail="errorMessEmail" -->
+                            <!-- :errorMessmnBookingPhone="errorMessmnBookingPhone" -->
+            <!-- :mnBookingEmailRules="mnBookingEmailRules" -->
+            <!-- :mnBookingPhoneRules="mnBookingPhoneRules" -->
         </q-tab-panel>
         <q-tab-panel name="vabAccount">
           <VabAccount

src/pages/thong-tin-chung/index.vue

@@ -284,7 +284,7 @@ export default defineComponent({
         bodyFormData.append('file', file);
         const response = (await api({
           headers: { 'Content-Type': 'multipart/form-data' },
-          url: 'http://cms.vab.xteldev.com/file/upload/',
+          url: 'https://cms.vab.xteldev.com/file/upload/',
           method: 'POST',
           data: bodyFormData,
         })) as AxiosResponse<BaseResponseBody<FileUploadType>>;