<template>
    <a-card style="width: 100%;margin-top:10px;height:300px;border:0px">
      <template #title><b>待办事项</b></template>
      <template #extra><a href="#">更多<CaretRightOutlined style="color: #1890ff;" /></a></template>
      
      <a-list item-layout="horizontal" :data-source="data" style="border:red">
        <template #renderItem="{ item }">
          <a-list-item>
            <a-list-item-meta
              description="Ant Design, a design language for background applications, is refined by Ant UED Team"
            >
              <template #title>
                <a href="https://www.antdv.com/">{{ item.title }}</a>
              </template>

            </a-list-item-meta>
          </a-list-item>
        </template>
      </a-list>
   
  </a-card>
</template>

<script lang="ts" setup>
  import { CaretRightOutlined } from '@ant-design/icons-vue';
  import { Card } from 'ant-design-vue';
  import { useRouter } from 'vue-router';
  import { getMyTask } from './api.ts';

  const router = useRouter();
  function goTaskPage() {
    router.push({ path: '/project/rectify/stProblemTaskAssinList' });
  }


interface DataItem {
  title: string;
}
const data: DataItem[] = [
  {
    title: 'Ant Design Title 1',
  },
  {
    title: 'Ant Design Title 2',
  },
  {
    title: 'Ant Design Title 3',
  },
  {
    title: 'Ant Design Title 4',
  },
];

</script>

<style scoped>
 
</style>
