update

src/components/artist-information/VAB-account/VabAccount.ts

@@ -4,6 +4,7 @@ import { useRouter } from 'vue-router';
 import { BannerType, StoriesType } from 'src/assets/type';
 import UploadImage from 'components/upload-image/index.vue';
 import { Dialog } from 'quasar';
+import { config } from 'src/assets/configurations';
 
 export default defineComponent({
   components: { UploadImage },
@@ -20,6 +21,7 @@ export default defineComponent({
 
   setup(props, context) {
     const router = useRouter();
+    const configImg = config;
     watch(
       () => props.banners.length,
       (value) => {
@@ -77,6 +79,7 @@ export default defineComponent({
       uploadBanner,
       deleteImage,
       deleteStory,
+      configImg,
     };
   },
   emits: [

src/components/artist-information/VAB-account/index.vue

@@ -50,7 +50,11 @@
               v-for="(bannerInfo, bannerIdx) in banners"
               :key="bannerIdx"
               :name="bannerIdx"
-              :img-src="bannerInfo.bannerUrl || bannerInfo.url"
+              :img-src="
+                bannerInfo.bannerUrl === undefined
+                  ? bannerInfo.url
+                  : configImg.API_IMAGE_ENDPOINT + bannerInfo.bannerUrl
+              "
               style="height: 500px; aspect-ratio: 1/5"
             >
               <template v-slot:default>
@@ -252,6 +256,8 @@
             navigation
             infinite
           >
+            :img-src=" bannerInfo.bannerUrl === undefined ? bannerInfo.url :
+            configImg.API_IMAGE_ENDPOINT + bannerInfo.bannerUrl "
             <q-carousel-slide
               v-for="(story, storyIdx) in stories"
               :key="storyIdx"
@@ -263,7 +269,11 @@
                 <q-img
                   fit="contain"
                   style="max-height: 230px"
-                  :src="story.imageUrl"
+                  :src="
+                    story.file === undefined
+                      ? configImg.API_IMAGE_ENDPOINT + story.imageUrl
+                      : story.imageUrl
+                  "
                 />
                 <q-icon
                   name="mdi-close-circle"
@@ -274,8 +284,8 @@
                 <q-input
                   type="textarea"
                   :model-value="story.content"
-                  readonly
                   @update:model-value="$emit('update:content', $event)"
+                  readonly
                 ></q-input>
               </q-card>
             </q-carousel-slide>

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

@@ -265,7 +265,10 @@ export default defineComponent({
       id.value = ArtistInformation.id;
 
       // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-      avatar.value = config.API_IMAGE_ENDPOINT + ArtistInformation.avatar;
+      avatar.value =
+        ArtistInformation.avatar !== null
+          ? config.API_IMAGE_ENDPOINT + ArtistInformation.avatar
+          : null;
       avatarNoChange.value = ArtistInformation.avatar;
       account.value = ArtistInformation.account;
       artistCode.value = ArtistInformation.artistCode;
@@ -506,6 +509,8 @@ export default defineComponent({
 
     const addStory = (value: StoriesType) => {
       stories.value.push(value);
+      console.log(stories,"storiesstoriesstories");
+      
     };
 
     const deleteStory = (idx: number) => {
@@ -666,7 +671,13 @@ export default defineComponent({
       try {
         if (avatarFile.value !== null) {
           await callApiUploadAvatar(avatarFile.value);
-        } else avatarUploaded.value = avatarNoChange.value;
+        }
+        if (avatarFile.value === null) {
+          avatarUploaded.value = avatarNoChange.value;
+        }
+        if (avatar.value === null) {
+          avatarUploaded.value = null;
+        }
         for (let index = 0; index < banners.value.length; index++) {
           const element = banners.value[index];
           if (element.file !== undefined) {
@@ -736,6 +747,7 @@ export default defineComponent({
 
     const deleteAvatar = () => {
       avatar.value = null;
+      avatarFile.value = null;
     };
     onMounted(() => {
       void getInformationArtist();