update

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

@@ -79,12 +79,6 @@
                 hide-bottom-space
               ></q-select>
             </div>
-            <!-- <div style="padding-top: 13px; padding-left: 12px">
-              <span class="text-body1">{{
-                $t('userPage.dialogLabel.fieldLabels.status')
-              }}</span>
-              <q-toggle v-model="status" :false-value="2" :true-value="1" />
-            </div> -->
           </div>
         </q-card-section>
         <q-card-actions align="right">

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

@@ -2,7 +2,7 @@
   <q-dialog
     persistent
     :model-value="openUpdateHotProduct"
-    @update:model-value="$emit('update:openUpadateHotProduct', $event)"
+    @update:model-value="$emit('update:openUpdateHotProduct', $event)"
   >
     <q-card style="min-width: 38rem" bordered>
       <q-form greedy @submit="SubbmitDataUpdate">
@@ -82,12 +82,6 @@
                 hide-bottom-space
               ></q-select>
             </div>
-            <!-- <div style="padding-top: 13px; padding-left: 12px">
-              <span class="text-body1">{{
-                $t('userPage.dialogLabel.fieldLabels.status')
-              }}</span>
-              <q-toggle v-model="status" :false-value="2" :true-value="1" />
-            </div> -->
           </div>
         </q-card-section>
         <q-card-actions align="right">

src/components/artist-information/UpdateHotProduct/updateHotProduc.ts

@@ -50,9 +50,13 @@ export default defineComponent({
           embeddedUrl.value = props.dataUpdate?.embeddedUrl as string;
           status.value = props.dataUpdate?.status as number;
           urlFileLocal.value = props.dataUpdate?.imageUrl as string;
-          imageAPI.value =
-            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-            configImg.API_IMAGE_ENDPOINT + props.dataUpdate?.imageUrl;
+          if (props.dataUpdate?.file) {
+            imageAPI.value = null;
+          } else {
+            imageAPI.value =
+              // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+              configImg.API_IMAGE_ENDPOINT + props.dataUpdate?.imageUrl;
+          }
         }
       }
     );
@@ -138,6 +142,6 @@ export default defineComponent({
     'update:statusHotProduct',
     'selectedFile',
     'click:CloseBtnUpdateHotProduct',
-    'update:openUpadateHotProduct',
+    'update:openUpdateHotProduct',
   ],
 });

src/components/artist-information/hot-product/HotProduct.ts

@@ -83,8 +83,9 @@ export default defineComponent({
         imageUrl: item.row.imageUrl,
         name: item.row.name,
         status: item.row.status,
+        file: item.row.file,
       });
-      context.emit('click:openUpadateHotProduct');
+      context.emit('click:openUpdateHotProduct');
     };
     const clickAdd = () => {
       context.emit('click:addHotProduct');
@@ -110,7 +111,7 @@ export default defineComponent({
     'click:addHotProduct',
     'reset',
     'deleteRow',
-    'click:openUpadateHotProduct',
+    'click:openUpdateHotProduct',
     'setDataUpdate',
   ],
 });

src/components/artist-information/hot-product/index.vue

@@ -34,7 +34,7 @@
                 :color="
                   rowData.value === HotProductStatus.active
                     ? 'positive'
-                    : 'orange'
+                    : 'primary'
                 "
                 text-color="white"
                 size="sm"
@@ -78,18 +78,16 @@
             </div>
           </q-td>
         </template>
-        <template v-slot:body-cell-imageUrl="rowData">
-          <q-td style="padding: auto; height: 100%">
-            <div align="center">
-              <q-img
-                style="width: 5rem; height: 6rem"
-                :src="
-                  rowData.file === undefined
-                    ? configImg.API_IMAGE_ENDPOINT + rowData.value
-                    : rowData.value
-                "
-              ></q-img>
-            </div>
+        <template v-slot:body-cell-imageUrl="data">
+          <q-td style="padding: auto; height: 100%; text-align: center">
+            <q-img
+              style="width: 5rem; height: 6rem"
+              :src="
+                !data.row.file
+                  ? configImg.API_IMAGE_ENDPOINT + data.value
+                  : data.row.imageUrl
+              "
+            ></q-img>
           </q-td>
         </template>
       </q-table>

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

@@ -51,11 +51,11 @@
             v-model:facebook="facebook"
             v-model:facebook-message="facebookMessage"
             v-model:instagram="instagram"
-            v-model:whatsapp="whatsapp"
+            v-model:whats-app="whatsapp"
             v-model:hidden_img="hidden_img"
-            v-model:mnName="mnName"
-            v-model:mnPhone="mnPhone"
-            v-model:mnEmail="mnEmail"
+            v-model:mn-name="mnName"
+            v-model:mn-phone="mnPhone"
+            v-model:mn-email="mnEmail"
             v-model:mn-booking-phone="mnBookingPhone"
             v-model:mn-booking-email="mnBookingEmail"
             v-model:mn-fbmess="mnFbmess"
@@ -129,7 +129,7 @@
             @reset="resetOldData"
             :DataInsertHotProduct="DataInsertHotProduct"
             @click:addHotProduct="openAddHotProduct = true"
-            @click:openUpadateHotProduct="openUpdateHotProduct = true"
+            @click:openUpdateHotProduct="openUpdateHotProduct = true"
             @setDataUpdate="SetProduct($event)"
           ></HotProduct>
         </q-tab-panel>

src/pages/nghe-sy/index.vue

@@ -158,9 +158,9 @@
       v-model:facebook="facebook"
       v-model:facebook-message="facebookMessage"
       v-model:instagram="instagram"
-      v-model:whatsapp="whatsapp"
-      v-model:mnName="mnName"
-      v-model:mnPhone="mnPhone"
+      v-model:whats-app="whatsapp"
+      v-model:mn-name="mnName"
+      v-model:mn-phone="mnPhone"
       v-model:mnEmail="mnEmail"
       v-model:mn-booking-phone="mnBookingPhone"
       v-model:mn-booking-email="mnBookingEmail"

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

@@ -51,11 +51,11 @@
             v-model:facebook="facebook"
             v-model:facebook-message="facebookMessage"
             v-model:instagram="instagram"
-            v-model:whatsapp="whatsapp"
+            v-model:whats-app="whatsapp"
             v-model:hidden_img="hidden_img"
-            v-model:mnName="mnName"
-            v-model:mnPhone="mnPhone"
-            v-model:mnEmail="mnEmail"
+            v-model:mn-name="mnName"
+            v-model:mn-phone="mnPhone"
+            v-model:mn-email="mnEmail"
             v-model:mn-booking-phone="mnBookingPhone"
             v-model:mn-booking-email="mnBookingEmail"
             v-model:mn-fbmess="mnFbmess"
@@ -129,7 +129,7 @@
             @reset="resetOldData"
             :DataInsertHotProduct="DataInsertHotProduct"
             @click:addHotProduct="openAddHotProduct = true"
-            @click:openUpadateHotProduct="openUpdateHotProduct = true"
+            @click:openUpdateHotProduct="openUpdateHotProduct = true"
             @setDataUpdate="SetProduct($event)"
           ></HotProduct>
         </q-tab-panel>