<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>
