|
|
@@ -0,0 +1,77 @@
|
|
|
+<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>
|
