From 77176ece15193641592a6adfb60a58f97e215d3a Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 24 Jan 2025 10:17:30 +0700
Subject: [PATCH] feat: urgent

---
 src/pages/09_task-order/TableTaskOrder.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/pages/09_task-order/TableTaskOrder.vue b/src/pages/09_task-order/TableTaskOrder.vue
index f7374f4a..3fdd03a9 100644
--- a/src/pages/09_task-order/TableTaskOrder.vue
+++ b/src/pages/09_task-order/TableTaskOrder.vue
@@ -145,7 +145,7 @@ const emit = defineEmits<{
         row: TaskOrder;
       } & Omit<Parameters<QTableSlots['body']>[0], 'row'>"
     >
-      <q-tr class="text-center">
+      <q-tr class="text-center" :class="{ urgent: props.row.urgent }">
         <q-td v-if="selection !== 'none'">
           <q-checkbox v-model="props.selected" size="sm" />
         </q-td>
@@ -313,4 +313,23 @@ const emit = defineEmits<{
 :deep(.q-table tbody td:after) {
   background: transparent;
 }
+
+.q-table tr.urgent {
+  background: hsla(var(--red-6-hsl) / 0.03);
+}
+
+.q-table tr.urgent td:first-child {
+  &::after {
+    content: ' ';
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 15%;
+    bottom: 15%;
+    background: var(--red-8);
+    width: 4px;
+    border-radius: 99rem;
+    animation: blink 1s infinite;
+  }
+}
 </style>