<template>
  <div>
    <el-row :gutter="10">
      <el-col :span="12">
        <el-card class="mb-5">
          <template #header>
            <div class="card-header">
              <span>简介</span>
            </div>
          </template>
          <el-text class="text-lg text-slate-700">
            湖南御码网控信息技术有限公司，注册资金1000万元，公司总部位于长沙市高新区，
            是一家拥有多项自主知识产权的高新技术研发型企业，同时也是一家专业的密码应用综合解决方案提供商，
            公司集结了一大批经验丰富的密码应用从业专家，致力于打造以国产密码技术为核心的新网络安全基础设施，
            构建自主可控的网络安全体系，为密码应用安全性评估及技术改造提供整体解决方案。
          </el-text>

        </el-card>
        <el-card>
          <template #header>
            <div class="card-header">
              <span>产品</span>
            </div>
          </template>
          <el-text class="text-lg">
            公司以技术自主创新为驱动力，
            依据国家各项要求及规范，围绕国产密码算法研发了一系列产品，
            主要包括：
          </el-text>
          <el-tag type="primary">密码服务中台管理系统</el-tag>、
          <el-tag type="primary">密码安全中间件软件</el-tag>、
          <el-tag type="primary">移动认证APP软件</el-tag>、
          <el-tag type="primary">统一身份认证平台</el-tag>、
          <el-tag type="primary">终端安全管理软件</el-tag>
          <el-text class="text-lg">
            等，
            面向全国用户提供密码综合应用服务，为国家信息安全建设贡献力量。
          </el-text>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card>
          <template #header>
            <div class="card-header">
              <span />
            </div>
          </template>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { Commits, Members } from '@/api/github'
import { formatTimeToStr } from '@/utils/date'
const page = ref(0)

defineOptions({
  name: 'About'
})

const loadMore = () => {
  page.value++
  loadCommits()
}

const dataTimeline = ref([])
const loadCommits = () => {
  Commits(page.value).then(({ data }) => {
    data.forEach((element) => {
      if (element.commit.message) {
        dataTimeline.value.push({
          from: formatTimeToStr(element.commit.author.date, 'yyyy-MM-dd'),
          title: element.commit.author.name,
          showDayAndMonth: true,
          message: element.commit.message,
        })
      }
    })
  })
}

const members = ref([])
const loadMembers = () => {
  Members().then(({ data }) => {
    members.value = data
    members.value.sort()
  })
}

loadCommits()
loadMembers()

</script>

<style scoped>
.load-more {
  margin-left: 120px;
}

.avatar-img {
  float: left;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-top: 15px;
}

.org-img {
  height: 150px;
  width: 150px;
}

.author-name {
  float: left;
  line-height: 65px !important;
  margin-left: 10px;
  color: darkblue;
  line-height: 100px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

.dom-center {
  margin-left: 50%;
  transform: translateX(-50%);
}
</style>
