task

src/views/property-marketing/assignment-management/components/task-item.vue

@@ -1,8 +1,16 @@
 <template>
-  <div class="task-item" @click="handleTask(task, record)">
-    <div class="w-4px h-18px rounded-2px" :style="{ background: getTaskColor() }"></div>
-    <div>{{ task?.name || '-' }}</div>
-  </div>
+  <a-trigger trigger="click" position="br">
+    <div class="task-item" @click="handleTask(task, record)">
+      <div class="w-4px h-18px rounded-2px" :style="{ background: getTaskColor() }"></div>
+      <div>{{ task?.name || '-' }}</div>
+    </div>
+    <template #content>
+      <div
+        class="flex flex-col items-start"
+        style="background-color: #fff; padding: 12px; box-shadow: #00000010 0px 2px 8px; border-radius: 4px"
+      ></div>
+    </template>
+  </a-trigger>
 </template>
 
 <script setup lang="ts">
@@ -11,11 +19,17 @@ const props = defineProps({
   task: Object,
   record: Object,
 });
+// 时间戳转时间格式 (HH:MM)
+const timestampToTime = (timestamp: number): string => {
+  const date = new Date(timestamp * 1000); // 假设时间戳是秒级
+  // 获取小时和分钟
+  const hours = date.getHours().toString().padStart(2, '0');
+  const minutes = date.getMinutes().toString().padStart(2, '0');
 
-const emit = defineEmits(['filter-change', 'handle-task']);
-const handleTask = (task, record) => {
-  
+  return `${hours}:${minutes}`;
 };
+const emit = defineEmits(['filter-change', 'handle-task']);
+const handleTask = (task, record) => {};
 // 根据任务类型获取颜色
 const getTaskColor = () => {
   if (!props.task) return '#000';