dev/dcp-web-gate/src_old/views/userCenter/userCenterItem/userCenterAuthentication.vue

<template>
    <div style="width: 100%;background: #fff;min-height: 700px;" >
       <div  v-if="ifgoAithentication==1">
            <div style="height: 80px;line-height: 80px;margin-top: 20px;margin: 0 20px; color: #666;font-size: 15px; border-bottom: 1px solid #bcbcbc;">
                {{$t('common.chooseAccountType')}}
                <!-- <span style="float: right;margin-top: 27px;"> <i class="el-icon-edit"></i> 修改</span> -->
            </div>
            <div class="authenticationBox1 cursor" @click="goAithentication(2)">
                <img src="@/assets/img/userCenter/u53042.png" alt="" style="float: left; margin-left: 10px; margin-top: 20px;">
                <div style=" margin-left: 100px; margin-top: 20px;width: 70%;">
                    <div style="color: #666;">{{$t('common.personal')}}</div>
                    <div style="color: #666;font-size: 14px;margin-top: 10px;">
                        {{$t('common.personalRemark')}}
                    </div>
                </div>
            </div>
            <div class="authenticationBox2 cursor"  @click="goAithentication(3)">
                <img src="@/assets/img/userCenter/u52392.png" alt="" style="float: left; margin-left: 10px; margin-top: 20px;">
                <div style=" margin-left: 100px; margin-top: 20px;width: 70%;">
                    <div style="color: #666;">{{$t('common.RealEnterprise')}}</div>
                    <div style="color: #666;font-size: 14px;margin-top: 10px;">
                        {{$t('common.enterpriseRemark')}}
                    </div>
                </div>
            </div>
       </div>
        <userCenterAuthenticationPersonal v-if="ifgoAithentication==2" @aithentication="aithentication"></userCenterAuthenticationPersonal>
        <userCenterAuthenticationEnterprise v-if="ifgoAithentication==3" @aithentication="aithentication"></userCenterAuthenticationEnterprise>
    </div>
</template>
<script>
      import userCenterAuthenticationPersonal from "./userCenterAuthenticationPersonal";
      import userCenterAuthenticationEnterprise from "./userCenterAuthenticationEnterprise";
     export default {
        name: 'userCenterUnitInformation',
        components:{userCenterAuthenticationPersonal,userCenterAuthenticationEnterprise},
        data () {
            
            return {
                informationsClass:'1',
                ifgoAithentication:'1',
                dialogVisible: false,
                ifDiaslog:'',
                title:'',
                form: {
                    name: '1233@163.com',
                    region: '普通用户',
                    date1: '2018-05-19',
                    date3: '2018-05-19',
                    date2: '2020-05-25  11：20：23',
                    delivery: false,
                    type: [],
                    resource: '',
                    desc: ''
                },
            }
        },
        methods:{
            goAithentication(num){
                this.ifgoAithentication=num
            },
            aithentication(data){
                this.ifgoAithentication=data
            }
        }
    }
</script>
<style scoped>
    .el-button {
        width: 200px;
        height: 45px;
    }
    .authenticationBox1 {
        margin-left: 35px;
        margin-right: 150px;
        height: 100px;
        border: 1px solid rgba(153, 153, 153, 1);
        border-radius: 10px;
        margin-top: 50px;
        position: relative;
    }
    .authenticationBox2 {
        margin: 50px 150px 0 35px;
         height: 100px;
         border: 1px solid rgba(153, 153, 153, 1);
         border-radius: 10px;
         position: relative;
    }
    .authenticationBox1:hover,
    .authenticationBox2:hover {
        border: 1px solid #ff8400;
    }
</style>