<template>
  <a-card :loading="loading" title="监控列表">
    <a-list item-layout="horizontal" :data-source="dataList">
      <template #renderItem="{ item }">
        <a-list-item>
          <a-list-item-meta>
            <template #title>
              <a>{{ item.name }}</a>
              <!-- <a :href="item.website">{{ item.name }}</a> -->
            </template>
            <template #description>
              <a-tag color="green">存续</a-tag>
              <a-tag color="green">张三</a-tag>
              <a-tag color="green">2000万</a-tag>
              <a-tag color="green">10年</a-tag>
              <a-tag color="green">小微</a-tag>
            </template>
            <template #avatar>
              <a-avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
            </template>
          </a-list-item-meta>
        </a-list-item>
      </template>
    </a-list>
  </a-card>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { list } from './manage/WbCompanyInfo.api';
  interface DataItem {
    title: string;
    regStatus: number;
    website: string;
  }

  const loading = ref(false);
  const dataList = ref<DataItem[]>([]);

  async function iniData() {
    let ret = await list({});
    dataList.value = ret?.records;
  }
  iniData();
</script>
