From 6d94d8adf25f6e15f89cd567aa22a217dee8585f Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 22 Aug 2024 14:52:15 +0700
Subject: [PATCH] refactor(04): table > name

---
 .../02_personnel-management/MainPage.vue      |  2 +-
 src/pages/04_product-service/MainPage.vue     | 19 +++++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 915985ce..1d059a05 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1454,7 +1454,7 @@ watch(
                     <q-img
                       class="text-center"
                       :ratio="1"
-                      :src="`${apiBaseUrl}/user/${props.row.id}/image`"
+                      :src="`${apiBaseUrl}/user/${props.row.id}/image?ts=${Date.now()}`"
                       style="
                         object-fit: cover;
                         width: 100%;
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 803f52b2..b2900930 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2191,7 +2191,7 @@ watch(
                             )
                           "
                         >
-                          <div class="row items-center">
+                          <div class="row items-center no-wrap">
                             <div
                               style="
                                 width: 50px;
@@ -2214,11 +2214,14 @@ watch(
                                 />
                               </div>
                             </div>
-                            <div class="col">
-                              <div class="col">
+                            <div class="column">
+                              <div class="ellipsis" style="max-width: 20vw">
                                 {{ props.row.name }}
+                                <q-tooltip>
+                                  {{ props.row.name }}
+                                </q-tooltip>
                               </div>
-                              <div class="col app-text-muted">
+                              <div class="app-text-muted">
                                 {{ props.row.code || '-' }}
                               </div>
                             </div>
@@ -2986,7 +2989,7 @@ watch(
                             )
                           "
                         >
-                          <div class="row items-center">
+                          <div class="row items-center no-wrap">
                             <div
                               :class="{
                                 'status-active':
@@ -3028,8 +3031,8 @@ watch(
                                 </q-avatar>
                               </div>
                             </div>
-                            <div class="col">
-                              <div class="col ellipsis" style="max-width: 20vw">
+                            <div class="column">
+                              <div class="ellipsis" style="max-width: 20vw">
                                 {{ props.row.name }}
                                 <q-tooltip
                                   anchor="bottom left"
@@ -3039,7 +3042,7 @@ watch(
                                   {{ props.row.name }}
                                 </q-tooltip>
                               </div>
-                              <div class="col app-text-muted">
+                              <div class="app-text-muted">
                                 {{ props.row.code }}
                               </div>
                             </div>