refactor: urgent quotation card

src/components/05_quotation/QuotationCard.vue

@@ -17,6 +17,7 @@ defineProps<{
   customerName?: string;
   reporter?: string;
   totalPrice?: number;
+  urgent?: boolean;
 }>();
 
 defineEmits<{
@@ -44,8 +45,18 @@ defineEmits<{
         <span>
           {{ $t('general.itemNo', { msg: $t('quotation.title') }) }}
         </span>
-        <span class="text-caption app-text-muted" style="top: 10px">
+        <span
+          class="text-caption row items-center"
+          :class="urgent ? 'urgent' : 'app-text-muted'"
+          style="top: 10px"
+        >
           {{ code }}
+          <q-icon
+            v-if="urgent"
+            name="mdi-fire"
+            size="xs"
+            style="position: absolute; top: 7px"
+          ></q-icon>
         </span>
       </div>
 
@@ -152,4 +163,8 @@ span {
   line-height: 12px;
   height: 12px;
 }
+
+.urgent {
+  color: hsl(var(--red-6-hsl));
+}
 </style>

src/pages/05_quotation/MainPage.vue

@@ -525,6 +525,7 @@ watch(() => pageState.currentTab, fetchQuotationList);
           <div class="row q-col-gutter-md">
             <div v-for="v in quotationData" :key="v.id" class="col-md-4 col-12">
               <QuotationCard
+                :urgent="v.urgent"
                 :type="
                   pageState.currentTab !== 'all'
                     ? pageState.currentTab