<template>
  <div class="create-container">
    <div class="create-body">
      <div class="title">选择认证类型</div>
      <el-row type="flex" justify="center" align="middle" style="margin-top: 100px;margin-bottom: 100px;" :gutter="50">
        <el-col :span="6">
          <el-card :body-style="{ padding: '0px' }" style="cursor: pointer;">
            <i class="el-icon-user-solid image" style="color:#909399" @click="toIndividualAuthentication"></i>
            <div style="text-align: center;font-size: 12px"><span>认证为个人用户，可以创建项目</span></div>
            <div @click="toIndividualAuthentication" style="padding: 14px;text-align: center;font-size: 20px">
              <span>个人认证</span>
            </div>
          </el-card>
        </el-col>
<!--        <el-col :span="6">-->
<!--          <el-card :body-style="{ padding: '0px' }" style="cursor: pointer;">-->
<!--            <i class="el-icon-s-cooperation image" style="color:#909399" @click="toEnterpriseAuthentication"></i>-->
<!--            <div style="text-align: center;font-size: 12px"><span>认证为企业用户，可以创建项目</span></div>-->
<!--            <div @click="toEnterpriseAuthentication" style="padding: 14px;text-align: center;font-size: 20px">-->
<!--              <span>企业认证</span>-->
<!--            </div>-->
<!--          </el-card>-->
<!--        </el-col>-->
        <el-col :span="6">
          <el-card :body-style="{ padding: '0px' }" style="cursor: pointer;">
            <i class="el-icon-s-tools image" style="color:#909399;" @click="toAgencyAuthentication"></i>
            <div style="text-align: center;font-size: 12px"><span>认证为测评机构，可以接收任务</span></div>
            <div @click="toAgencyAuthentication" style="padding: 14px;text-align: center;font-size: 20px">
              <span>机构认证</span>
            </div>
          </el-card>
        </el-col>
      </el-row>

    </div>
  </div>
</template>

<script>
export default {
  name: 'AuthenticationIndex',
  data () {
    return {}
  },
  methods: {
    test () {
      console.log('click')
    },
    toIndividualAuthentication () {
      this.$router.push({
        name: 'IndividualAuthenticationCreate',
        // params: {projectId: projectId, taskId: taskId}
      })
    },
    toEnterpriseAuthentication () {
      this.$router.push({
        name: 'EnterpriseAuthenticationCreate',
        // params: {projectId: projectId, taskId: taskId}
      })
    },
    toAgencyAuthentication () {
      this.$router.push({
        name: 'AgencyAuthenticationCreate',
        // params: {projectId: projectId, taskId: taskId}
      })
    }
  }
}
</script>

<style scoped>
  .image {
    font-size: 150px;
    text-align: center;
    display: block;
  }
</style>
