<template>
  <a-table :columns="columns" :data-source="data" :pagination="false">
    <template #bodyCell="{ column, text }"> </template>
    <template #footer>
      <div class="text-red-500 gap-3">
        <div>登录账号：u_{{ loginUser.userId }}</div>
        <div>初始密码：123456</div>
      </div>
    </template>
  </a-table>
</template>
<script lang="ts" setup>
  import { computed, ref } from 'vue';
  import { useUserStore } from '@/store/modules/user';
  import { CmsWebsite } from '@/api/cms/cmsWebsite/model';
  import { getSiteInfo } from '@/api/layout';

  const userStore = useUserStore(); // 当前用户信息
  const loginUser = computed(() => userStore.info ?? {});
  const website = ref<CmsWebsite>();

  const columns = [
    {
      title: '仓库名称',
      dataIndex: 'name',
      key: 'name'
    },
    {
      title: '仓库地址',
      className: 'column-money',
      dataIndex: 'url',
      key: 'url'
    },
    {
      title: '备注',
      dataIndex: 'comments'
    }
  ];

  const data = [
    {
      key: '1',
      name: '服务端',
      url: 'https://git.websoft.top/gxwebsoft/mp-java.git',
      comments: '基于 Spring Boot + MyBatis Plus 的企业级后端API服务'
    },
    {
      key: '2',
      name: '管理端',
      url: 'https://code.websoft.top/gxwebsoft/mp-vue.git',
      comments: '基于 Vue 3 + Ant Design Vue 的企业级后台管理系统'
    },
    {
      key: '3',
      name: '应用端',
      url: 'https://git.websoft.top/gxwebsoft/template-10559.git',
      comments: '基于 Taro + React + TypeScript 的跨平台小程序应用'
    }
  ];

  const reload = async () => {
    website.value = await getSiteInfo();
  };

  reload();
</script>
