ข้อมูลหลัก

src/modules/01_metadata/components/position-employee/01_PositionMain.vue

@@ -338,7 +338,7 @@ onMounted(async () => {
               <q-icon
                 v-if="formQuery.keyword"
                 name="cancel"
-                @click="(formQuery.keyword = ''), fetchData()"
+                @click="formQuery.keyword = ''"
                 class="cursor-pointer"
               ></q-icon>
             </template>

src/modules/01_metadata/components/position/01_Position.vue

@@ -458,7 +458,7 @@ onMounted(async () => {
                   : "-"
               }}
             </div>
-            <div v-else>
+            <div v-else class="table_ellipsis3">
               {{ col.value ? col.value : "-" }}
             </div>
           </q-td>

src/style/quasar-variables.sass

@@ -94,6 +94,18 @@ $separator-color: #EDEDED !default
     white-space: normal
     transition: width 2s
 
+.table_ellipsis3
+    max-width: 18vw
+    white-space: nowrap
+    overflow: hidden
+    text-overflow: ellipsis
+
+.table_ellipsis3:hover
+    word-wrap: break-word
+    overflow: visible
+    white-space: normal
+    transition: width 2s
+
 $muti-tab: #87d4cc
 .text-muti-tab
     color: $muti-tab !important
@@ -176,4 +188,4 @@ h3.resigtry-tab-title
     width: 200px
 
 .dialog-content-top .q-dialog__inner
-    align-items: start
+    align-items: start