vue-vben-admin/packages/effects/common-ui/src/ui/ppt/ppt-history-view.vue

<script setup lang="ts">
// import type { PPTTempItem } from './typing';

import type { PptHistoryItem } from '../ppt';

import { Card, CardContent, CardHeader, CardTitle } from '@vben-core/shadcn-ui';

interface Props {
  items?: PptHistoryItem[];
  title: string;
  loading: boolean;
}

defineOptions({
  name: 'PptHistoryView',
});

withDefaults(defineProps<Props>(), {
  items: () => [],
});

defineEmits(['click']);
</script>

<template>
  <Card style="height: 45vh; overflow-y: auto; border-radius: 0">
    <CardHeader class="py-4">
      <CardTitle class="text-lg">运行历史</CardTitle>
    </CardHeader>
    <CardContent class="flex flex-wrap p-5 pt-0">
      <ul class="divide-border w-full divide-y" role="list">
        <li
          v-for="(item, index) in items"
          :key="index"
          @click="$emit('click', item)"
          class="flex cursor-pointer justify-between gap-x-6 py-5"
        >
          {{ item.id }}
        </li>
      </ul>
    </CardContent>
  </Card>
</template>