fix authIndex“

src/components/authen/AuthenticationIndex.vue

@@ -1,339 +1,77 @@
 <template>
-  <div class="create-container" v-loading="loading">
+  <div class="create-container">
     <div class="create-body">
-      <div class="title">审核认证信息</div>
-      <el-table
-        :data="handlingAuthList"
-        :row-class-name="rowClassName"
-        stripe
-        style="width: 100%">
-        <el-table-column prop="id" label="编号">
-          <template slot-scope="scope">
-            <span>{{scope.row.id}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="userInfo" label="用户信息">
-          <template slot-scope="scope">
-            <span style="cursor: pointer">
-              <el-link type="primary">{{scope.row.userName}}</el-link>
-            </span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="type" label="认证类型">
-          <template slot-scope="scope">
-            <span>
-              <el-tag v-if="scope.row.type=='personal'" type="success">个人</el-tag>
-              <el-tag v-if="scope.row.type=='agency'">机构</el-tag>
-              <el-tag v-if="scope.row.type=='enterprise'" type="warning">企业</el-tag>
-            </span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="detail" label="认证详情">
-          <template slot-scope="scope">
-            <el-link type="primary" @click="handleAuthDetail(scope.row.userId,scope.row.type)">认证详情</el-link>
-          </template>
-        </el-table-column>
-        <el-table-column prop="status" label="认证状态">
-          <template slot-scope="scope">
-            <span>
-              <el-tag :type="scope.row.authStatus.style">{{scope.row.authStatus.text}}</el-tag>
-            </span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="date" label="申请时间" width="180">
-          <template slot-scope="scope">
-            <span>{{reformTime(new Date(scope.row.applytime))}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="180">
-          <template slot-scope="scope">
-            <el-button type="primary" size="mini" @click="handleAuthenticationPass(scope.row.userId,scope.row.type)">
-              通过
-            </el-button>
-            <el-button type="danger" size="mini" @click="handleAuthenticationReject(scope.row.userId,scope.row.type)">
-              驳回
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-dialog title="认证详情" :visible.sync="showDialog" center width="30%">
-        <el-form :model="authInfoDetail">
-          <el-form-item label="类型：">
-            <span>{{authInfoDetail.type}}</span>
-          </el-form-item>
-          <el-form-item label="姓名：" v-if="authInfoDetail.type == 'personal'">
-            <span>{{authInfoDetail.realName}}</span>
-          </el-form-item>
-          <el-form-item label="身份证号：" v-if="authInfoDetail.type == 'personal'">
-            <span>{{authInfoDetail.IDCard}}</span>
-          </el-form-item>
-          <el-form-item label="身份证照：" v-if="authInfoDetail.type == 'personal'">
-            <span>{{authInfoDetail.IDCardPhoto}}</span>
-          </el-form-item>
-          <el-form-item label="银行账号：">
-            <span>{{authInfoDetail.bankAccount}}</span>
-          </el-form-item>
-          <el-form-item label="地址：">
-            <span>{{authInfoDetail.address}}</span>
-          </el-form-item>
-          <el-form-item label="申请时间：">
-            <span>{{authInfoDetail.applyTime}}</span>
-          </el-form-item>
+      <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>
 
-          <el-form-item label="企业名称：" v-if="authInfoDetail.type == 'enterprise'">
-            <span>{{authInfoDetail.enterpriseName}}</span>
-          </el-form-item>
-          <el-form-item label="法人姓名：" v-if="authInfoDetail.type == 'enterprise'">
-            <span>{{authInfoDetail.legalPersonName}}</span>
-          </el-form-item>
-          <el-form-item label="营业执照：" v-if="authInfoDetail.type == 'enterprise'">
-            <span>{{authInfoDetail.businessLicensePhoto}}</span>
-          </el-form-item>
-          <el-form-item label="统一社会信用代码：" v-if="authInfoDetail.type == 'enterprise'">
-            <span>{{authInfoDetail.unifiedSocialCreditCode}}</span>
-          </el-form-item>
-
-          <el-form-item label="机构名称：" v-if="authInfoDetail.type == 'agency'">
-            <span>{{authInfoDetail.evaluationAgencyName}}</span>
-          </el-form-item>
-          <el-form-item label="机构能力：" v-if="authInfoDetail.type == 'agency'">
-            <span>{{authInfoDetail.evaluationAgencyAbilityList}}</span>
-          </el-form-item>
-          <el-form-item label="机构资源：" v-if="authInfoDetail.type == 'agency'">
-            <span>{{authInfoDetail.evaluationAgencyResourceList}}</span>
-          </el-form-item>
-          <el-form-item label="机构Logo：" v-if="authInfoDetail.type == 'agency'">
-            <span>{{authInfoDetail.agencyPhoto}}</span>
-          </el-form-item>
-        </el-form>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="info" size="mini" @click="hideAuthDialog()">返回</el-button>
-
-          <el-button type="danger" size="mini" @click="handleAuthenticationReject(authInfoDetail.userId,authInfoDetail.userId)">驳回</el-button>
-
-          <el-button type="primary" size="mini" @click="handleAuthenticationPass(authInfoDetail.userId,authInfoDetail.userId)">通过</el-button>
-        </div>
-      </el-dialog>
-      <!--<el-pagination-->
-      <!--:page-size="20"-->
-      <!--hide-on-single-page-->
-      <!--:pager-count="5"-->
-      <!--:current-page.sync="currentPage"-->
-      <!--layout="prev, pager, next"-->
-      <!--@current-change="handleCurrentChange"-->
-      <!--:total="100">-->
-      <!--</el-pagination>-->
     </div>
   </div>
 </template>
 
 <script>
-    import {
-        checkPassAuth,
-        checkRejectAuth,
-        getAllHandledAuthInfo,
-        getAllHandlingAuthInfo,
-        getFormalTimeFromDate,
-        getCurrentAgencyAuthInfo,
-        getCurrentEnterpriseAuthInfo,
-        getCurrentIndividualAuthenInfo
-    } from '@/js/index'
-    import {notify} from '@/constants/index'
-
-    export default {
-        name: 'AuthenticationManage',
-        data () {
-            return {
-                currentPage: 1,
-                loading: false,
-                showDialog: false,
-                authenticationStatusUntreated: '审核中',
-                authenticationStatusPass: '审核通过',
-                authenticationStatusReject: '审核未通过',
-                handlingAuthList: [],
-                handledAuthList: [],
-                authInfoDetail: {
-                    userId: '',
-                    type: '',
-                    realName: '',
-                    IDCard: '',
-                    IDCardPhoto: '',
-                    bankAccount:'',
-                    address:'',
-                    applyTime:'',
-
-                    enterpriseName:'',
-                    legalPersonName:'',
-                    businessLicensePhoto:'',
-                    unifiedSocialCreditCode:'',
-
-                    evaluationAgencyName:'',
-                    evaluationAgencyAbilityList: [],
-                    evaluationAgencyResourceList: [],
-                    agencyPhoto:'',
-                    updateTime:'',
-                    expireTime:''
-                }
-            }
-        },
-        mounted () {
-            this.$nextTick(() => {
-                this.init()
-            })
-        },
-        methods: {
-            init () {
-                this.getHandlingAuthList()
-                this.getHandledAuthList()
-            },
-            //获取所有未认证信息
-            getHandlingAuthList () {
-                this.showLoading()
-                getAllHandlingAuthInfo(this.getHandlingAuthListSuccess, this.getHandlingAuthListFail)
-            },
-            //获取所有已认证信息
-            getHandlingAuthListSuccess (res) {
-                this.handlingAuthList = res
-                this.hideLoading()
-            },
-            getHandlingAuthListFail (error) {
-                this.hideLoading()
-                notify('error', '获取认证信息失败：' + error.data)
-            },
-            getHandledAuthList () {
-                this.showLoading()
-                getAllHandledAuthInfo(this.getHandledAuthListSuccess, this.getHandledAuthListFail)
-            },
-            getHandledAuthListSuccess (res) {
-                this.handledAuthList = res
-                this.hideLoading()
-            },
-            getHandledAuthListFail (error) {
-                this.hideLoading()
-                notify('error', '获取已认证信息失败：' + error.data)
-            },
-            handleCurrentChange (param) {
-                console.log(param)
-            },
-            handleAuthenticationPass (userId, type) {
-                this.showLoading()
-                checkPassAuth(type, userId, this.handleAuthenticationPassSuccess, this.handleAuthenticationPassFail)
-                // item.status = this.authenticationStatusPass
-                // console.log('通过')
-            },
-            handleAuthenticationPassSuccess (res) {
-                this.hideLoading()
-                this.getHandlingAuthList()
-                console.log(res)
-            },
-            handleAuthenticationPassFail (error) {
-                this.hideLoading()
-                console.log(error)
-                notify('error', '通过失败：' + error.data)
-            },
-            handleAuthenticationReject (userId, type) {
-                this.$prompt('请输入驳回本申请的原因', '提示', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                }).then((event) => {
-                    const explain = event.value
-                    console.log(explain)
-                    this.showLoading()
-                    const data = {
-                        explain : event.value
-                    }
-                    checkRejectAuth(type, userId, data, this.handleAuthenticationRejectSuccess, this.handleAuthenticationRejectFail)
-                }).catch(() => {
-                })
-            },
-            handleAuthenticationRejectSuccess (res) {
-                this.hideLoading()
-                this.getHandlingAuthList()
-                notify('success','驳回成功')
-                console.log(res)
-            },
-            handleAuthenticationRejectFail (error) {
-                this.hideLoading()
-                console.log(error)
-                notify('error', '拒绝失败：' + error.data)
-            },
-            handleAuthDetail (userId, type) {
-                this.authInfoDetail.userId = userId
-                this.authInfoDetail.type = type
-                this.getAuthInfo(userId, type);
-            },
-            showLoading () {
-                this.loading = true
-            },
-            hideLoading () {
-                this.loading = false
-            },
-            reformTime (date) {
-                return getFormalTimeFromDate(date)
-            },
-            rowClassName ({row, rowIndex}) {
-                //把每一行的索引放进row.id
-                row.id = rowIndex + 1
-            },
-            showAuthDialog () {
-                this.showDialog = true
-            },
-            hideAuthDialog () {
-                this.showDialog = false
-            },
-            getAuthInfo(userId, type){
-                this.showLoading();
-                if(type == 'personal'){
-                    getCurrentIndividualAuthenInfo(userId, this.getCurrentIndividualAuthenInfoSuccess, this.getCurrentIndividualAuthenInfoFail);
-                }else if(type == 'enterprise'){
-                    getCurrentEnterpriseAuthInfo(userId, this.getCurrentEnterpriseAuthInfoSuccess, this.getCurrentEnterpriseAuthInfoFail);
-                }else if(type == 'agency'){
-                    getCurrentAgencyAuthInfo(userId, this.getCurrentAgencyAuthInfoSuccess, this.getCurrentAgencyAuthInfoFail);
-                }
-            },
-            getCurrentIndividualAuthenInfoSuccess(res){
-                this.hideLoading();
-                console.log(res)
-                this.authInfoDetail.realName = res.realName;
-                this.authInfoDetail.IDCard = res.idcard;
-                this.authInfoDetail.IDCardPhoto = res.idcardPhoto;
-                this.authInfoDetail.bankAccount = res.bankAccount;
-                this.authInfoDetail.address = res.address;
-                this.authInfoDetail.applyTime = res.applyTime;
-                this.showAuthDialog()
-                console.log(res)
-
-            },
-            getCurrentIndividualAuthenInfoFail(error){
-                this.hideLoading();
-                notify('error','获取个人认证信息出错：' + error.data);
-            },
-            getCurrentEnterpriseAuthInfoSuccess(){
-                this.hideLoading();
-                this.authInfoDetail.enterpriseName = res.enterpriseName;
-                this.authInfoDetail.legalPersonName = res.legalPersonName;
-                this.authInfoDetail.businessLicensePhoto = res.businessLicensePhoto;
-            },
-            getCurrentEnterpriseAuthInfoFail(){
-                this.hideLoading();
-                notify('error','获取企业认证信息出错：' + error.data);
-            },
-            getCurrentAgencyAuthInfoSuccess(){
-                this.hideLoading();
-                this.authInfoDetail.evaluationAgencyName = res.evaluationAgencyName;
-                this.authInfoDetail.evaluationAgencyAbilityList = res.evaluationAgencyAbilityList;
-                this.authInfoDetail.evaluationAgencyResourceList = res.evaluationAgencyResourceList;
-                this.authInfoDetail.agencyPhoto = res.agencyPhoto;
-                this.authInfoDetail.updateTime = res.updateTime;
-            },
-            getCurrentAgencyAuthInfoFail(){
-                this.hideLoading();
-                notify('error','获取机构认证信息出错：' + error.data);
-            }
-        }
+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>