feat: urgent

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>