Initial commit

2024-04-24 16:36:46 +08:00
commit 121348e011
991 changed files with 158700 additions and 0 deletions
@@ -0,0 +1,138 @@
+<!-- 最新动态 -->
+<template>
+  <a-card :title="title" :bordered="false" :body-style="{ padding: '6px 0' }">
+    <template #extra>
+      <more-icon @remove="onRemove" @edit="onEdit" />
+    </template>
+    <div
+      style="height: 346px; padding: 22px 20px 0 20px"
+      class="ele-scrollbar-hover"
+    >
+      <a-timeline>
+        <a-timeline-item
+          v-for="item in activities"
+          :key="item.id"
+          :color="item.color"
+        >
+          <em>{{ item.time }}</em>
+          <em>{{ item.title }}</em>
+        </a-timeline-item>
+      </a-timeline>
+    </div>
+  </a-card>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import MoreIcon from './more-icon.vue';
+
+  defineProps<{
+    title?: string;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'remove'): void;
+    (e: 'edit'): void;
+  }>();
+
+  interface Activitie {
+    id: number;
+    title: string;
+    time: string;
+    color?: string;
+  }
+
+  // 最新动态数据
+  const activities = ref<Activitie[]>([]);
+
+  /* 查询最新动态 */
+  const queryActivities = () => {
+    activities.value = [
+      {
+        id: 1,
+        title: 'SunSmile 解决了bug 登录提示操作失败',
+        time: '20:30',
+        color: 'gray'
+      },
+      {
+        id: 2,
+        title: 'Jasmine 解决了bug 按钮颜色与设计不符',
+        time: '19:30',
+        color: 'gray'
+      },
+      {
+        id: 3,
+        title: '项目经理 指派了任务 解决项目一的bug',
+        time: '18:30'
+      },
+      {
+        id: 4,
+        title: '项目经理 指派了任务 解决项目二的bug',
+        time: '17:30'
+      },
+      {
+        id: 5,
+        title: '项目经理 指派了任务 解决项目三的bug',
+        time: '16:30'
+      },
+      {
+        id: 6,
+        title: '项目经理 指派了任务 解决项目四的bug',
+        time: '15:30',
+        color: 'gray'
+      },
+      {
+        id: 7,
+        title: '项目经理 指派了任务 解决项目五的bug',
+        time: '14:30',
+        color: 'gray'
+      },
+      {
+        id: 8,
+        title: '项目经理 指派了任务 解决项目六的bug',
+        time: '12:30',
+        color: 'gray'
+      },
+      {
+        id: 9,
+        title: '项目经理 指派了任务 解决项目七的bug',
+        time: '11:30'
+      },
+      {
+        id: 10,
+        title: '项目经理 指派了任务 解决项目八的bug',
+        time: '10:30',
+        color: 'gray'
+      },
+      {
+        id: 11,
+        title: '项目经理 指派了任务 解决项目九的bug',
+        time: '09:30',
+        color: 'green'
+      },
+      {
+        id: 12,
+        title: '项目经理 指派了任务 解决项目十的bug',
+        time: '08:30',
+        color: 'red'
+      }
+    ];
+  };
+
+  const onRemove = () => {
+    emit('remove');
+  };
+
+  const onEdit = () => {
+    emit('edit');
+  };
+
+  queryActivities();
+</script>
+
+<style lang="less" scoped>
+  .ele-scrollbar-hover
+    :deep(.ant-timeline-item-last > .ant-timeline-item-content) {
+    min-height: auto;
+  }
+</style>