Browse Source

feat(kanban): add De/Para and Responsável to franchisee kanban card

ebagabee 2 tuần trước cách đây
mục cha
commit
6537c3cd3c
1 tập tin đã thay đổi với 22 bổ sung3 xóa
  1. 22 3
      src/pages/kanban/components/KanbanCard.vue

+ 22 - 3
src/pages/kanban/components/KanbanCard.vue

@@ -16,9 +16,22 @@
       />
     </div>
 
-    <!-- Unit name of responsible -->
-    <div class="q-px-md q-mt-xs text-caption text-grey-6">
-      {{ card.applicant_unit_name ?? 'Matriz' }}
+    <!-- De / Para -->
+    <div class="q-px-md q-mt-xs" style="display: flex; gap: 10px">
+      <span class="text-caption text-grey-6">
+        <span class="text-weight-medium text-grey-7">De:</span>
+        {{ card.applicant_unit_name ?? 'Matriz' }}
+      </span>
+      <span class="text-caption text-grey-6">
+        <span class="text-weight-medium text-grey-7">Para:</span>
+        {{ paraLabel }}
+      </span>
+    </div>
+
+    <!-- Responsável -->
+    <div v-if="card.responsible_user_name" class="q-px-md q-mt-xs text-caption text-grey-6">
+      <span class="text-weight-medium text-grey-7">Resp.:</span>
+      {{ card.responsible_user_name }}
     </div>
 
     <!-- Description truncated -->
@@ -58,6 +71,12 @@ const truncated = computed(() => {
   return desc.length > 50 ? desc.slice(0, 50) + "…" : desc;
 });
 
+const paraLabel = computed(() => {
+  if (card.scope === "internal") return "Interno";
+  if (card.scope === "all") return "Todas as Unidades";
+  return card.target_unit_name ?? "Matriz";
+});
+
 const priorityColor = computed(() => {
   const map = { alta: "negative", normal: "warning", baixa: "positive" };
   return map[card.priority] ?? "grey";