update

src/assets/configurations.example.ts

@@ -50,4 +50,5 @@ export enum API_PATHS {
   uploadImage = 'file/upload',
   getDetailUnit = 'artistOwner/detail',
   updateUnit = 'artistOwner/update',
+  addArtist = 'artist/add',
 }

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

@@ -139,10 +139,28 @@
 
         <div class="col-4">
           <div class="text-h6 text-weight-regular">Story</div>
-          <q-carousel v-model="slideStory" animated arrows navigation infinite>
+          <q-card
+            class="my-card flex q-mt-xs flex-center"
+            style="height: 300px"
+            bordered
+            v-if="!stories.length"
+          >
+            <div align="center" class="flex flex-center q-py-xs">
+              <q-icon name="mdi-plus-circle-outline" size="xl"></q-icon>
+              <div class="q-mt-xs">{{ $t('uploadImage.uploadStory') }}</div>
+            </div>
+          </q-card>
+          <q-carousel
+            v-else
+            v-model="slideStory"
+            animated
+            arrows
+            navigation
+            infinite
+          >
             <q-carousel-slide
               v-for="(story, storyIdx) in stories"
-              :key="stories.length"
+              :key="storyIdx"
               :name="storyIdx"
               class="q-pt-sm"
             >

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

@@ -39,7 +39,10 @@ export default defineComponent({
     const selectedFile = (value: FileList) => {
       // console.log(value);
       // console.log(URL.createObjectURL(value[0]));
-      context.emit('SetAvatar',{file:value[0], url:URL.createObjectURL(value[0])})
+      context.emit('SetAvatar', {
+        file: value[0],
+        url: URL.createObjectURL(value[0]),
+      });
     };
     const upload = ref(null);
     const uploadBanner = () => {
@@ -137,10 +140,10 @@ export default defineComponent({
           'artist.artistInformation.validateMessages.requireArtistLevel'
         ),
     ];
-    const deleteAvatar = ()=>{
+    const deleteAvatar = () => {
       console.log('object');
-      context.emit('deleteAvatar')
-    }
+      context.emit('deleteAvatar');
+    };
     return {
       artistCodeRules,
       fullNameRules,
@@ -158,7 +161,7 @@ export default defineComponent({
       upload,
       uploadBanner,
       selectedFile,
-      deleteAvatar
+      deleteAvatar,
     };
   },
   emits: [
@@ -183,6 +186,6 @@ export default defineComponent({
     'update:status',
     'addNewArtist',
     'SetAvatar',
-    'deleteAvatar'
+    'deleteAvatar',
   ],
 });

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

@@ -246,8 +246,8 @@
         <div class="col-8">
           <q-select
             :model-value="artistLevel"
+            @update:model-value="$emit('update:artistLevel', $event)"
             :rules="artistLevelRules"
-            @update:model-value="$emit('update:artistLevel')"
             :options="artistLevelOptions"
             emit-value
             map-options

src/i18n/vi/index.ts

@@ -468,6 +468,7 @@ export default {
   uploadImage: {
     uploadBanner: 'Tải lên',
     uploadEmbed: 'Tải lên Embed',
+    uploadStory: 'Tải lên Story',
     titleEmbedDialog: 'Thay đổi Embed',
   },
 };

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

@@ -15,10 +15,10 @@
             name="information"
             :label="$t('artist.artistInformation.tabLabel.personalInformation')"
           />
-          <!-- <q-tab
+          <q-tab
             name="vabAccount"
             :label="$t('artist.artistInformation.tabLabel.vabAccout')"
-          /> -->
+          />
           <q-tab
             name="bankAccount"
             :label="$t('artist.artistInformation.tabLabel.bankAcount')"
@@ -60,11 +60,10 @@
               :work-options="workOptions"
             ></PersonalInformation>
           </q-tab-panel>
-          <!-- <q-tab-panel name="vabAccount">
+          <q-tab-panel name="vabAccount">
             <VabAccount
               v-model:account="account"
               v-model:short-description="shortDescription"
-              v-model:content="stories[0].content"
               v-model:format-schedules="formatSchedules"
               @selectedFile="selectedFile"
               @deleteBanner="banners.splice($event, 1)"
@@ -73,7 +72,7 @@
               :banners="banners"
               :stories="stories"
             ></VabAccount>
-          </q-tab-panel> -->
+          </q-tab-panel>
 
           <q-tab-panel name="bankAccount">
             <BankAccount
@@ -118,12 +117,12 @@
       @click:CloseBtn="isOpenEditAccountBankDialog = false"
     ></EditBankAccountDialog>
 
-    <!-- <UploadEmbedDialog
+    <UploadEmbedDialog
       v-model:is-open-dialog-embed="isOpenDialogEmbed"
       v-model:social-embedded="socialEmbedded"
       @uploadEmbed="isOpenDialogEmbed = false"
       @click:CloseBtn="isOpenDialogEmbed = false"
-    ></UploadEmbedDialog> -->
+    ></UploadEmbedDialog>
 
     <AddHotProductDialog
       @insertData="pushData"
@@ -154,6 +153,7 @@
             color="primary"
             no-caps
             :label="$t('crudActions.update')"
+            @click="addArtist"
           ></q-btn>
         </div>
       </div>