<template>
  <div class="typical-home" ref="portaletDiv">
    <a-row :gutter="[24,24]" class="module-list">
      <!-- 待办事项 -->
      <a-col :span="24" >
        <div class="module-in module-in01 modlule-show" style="height: 260px;">
          <a-page-header :ghost="false" title="平台简介">
            <template slot="extra">
              <a-icon type="more" />
            </template>
          </a-page-header>
          <p>
            <a-alert message="免费开源【欢迎star和fork项目,请点击下方按钮访问】" type="info" show-icon />
          </p>
          <p style="text-indent: 30px;">
            基于若依-ruoyi-vue项目扩展，前端采用Ant-Design-VUE，代码易读易懂、界面简洁美观，不仅仅是一个后台开发框架，它是一个企业级快速开发解决方案，我们将把UI交互、快速开发能力追求到极致，适配国产数据库，国产中间件，将支持多租户、flowable工作流，移动APP，更多插件正在扩展中
          </p>
          <p>
            当前版本：V3.0（后台与ruoyi-vue定期同步）
          </p>

          <p>
            <a-row :gutter="[24,24]">
              <a-col :span="8">
                <a-button block style="height: 40px;" type="primary" @click="goTarget('https://gitee.com/big-hedgehog/aidex-sharp')">
                  访问AiDex
                </a-button>
              </a-col>
              <a-col :span="8">
                <a-button block style="height: 40px;" type="primary" ghost @click="goTarget('https://www.bilibili.com/video/BV13L411u7oC?spm_id_from=333.999.0.0')">
                  我的B站
                </a-button>
              </a-col>
              <a-col :span="8">
                <a-button block style="height: 40px;" type="primary" ghost @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')">
                  访问若依
                </a-button>
              </a-col>
            </a-row>
          </p>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>
  export default {
    data () {
    },
    computed: {
    },
    created () {
    },
    methods: {
      goTarget (url) {
        window.open(url)
      },
      caseDisplay (url) {
        this.$message.success(
          '案例正在研发中，目前尚未实现，敬请期待！',
          3
         )
      }
    }
  }
</script>
