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

<template>
    <div style="width: 100%;background: #fff;min-height: 700px;color: #666;" class="userCenterMyActivity">
       
        <div style="margin-top: 50px;width: 100%;" class="crumbs">
           
            <div style="width: 100%;margin: auto;margin-top: 20px;">
                <el-collapse v-model="activeNames" accordion>
                 
                </el-collapse>
              </div>
        </div>
          
    </div>
</template>
<script>
    import userCenterTaberListPrint from './userCenterTaberListPrint'
    import {getBaseMemberApplys} from '@/api/baseMemberApply'
    import {saveAndUpdate} from '@/api/baseMemberApply'
    import Base from '@/views/base/Base'
    import {country,countryEn} from '@/api/country'
    import { getUsers } from '@/api/user'
    import {getToken} from '@/utils/auth';
    export default {
        name: 'userCentermyConcernsProgressCheckActive4',
        props:['active'],
        extends:Base,
        components:{userCenterTaberListPrint},
        data () {
            return {
                activeNames: ['1'],
            
            }
        },
        watch:{
            
        },
        created(){
            
        },
        methods:{
          
        }
    }
</script>
<style scoped>
     .crumbs >>>.el-step__icon {
      width: 37px;
      height: 37px;
      font-size: 18px;
    }
    .crumbs>>> .el-step.is-horizontal .el-step__line {
      top:20px;
    }
    .crumbs>>>.el-step__head.is-process {
      color: #409eff;
      border-color:inherit;
    }
    .crumbs>>>.el-step__head.is-process .el-step__icon.is-text {
      background: #409eff;
      color: #fff;
      border-color:#409eff;
      width: 46px;
      height: 46px;
    }
    .crumbs>>>.el-step__title.is-process,
    .crumbs>>>.el-step__description.is-process {
      color: #409eff;
    }
    .crumbs>>>.el-collapse-item {
      /* width: 80%; */
      margin: auto;
    }
    .el-collapse {
      border: none;
    }
    .crumbs>>>.el-collapse-item__header {
      padding: 0 20px 0 100px;
    }
    .crumbs>>>.el-collapse-item__wrap {
      padding: 0 0 0 100px;
    }
    .el-checkbox {
      display: block;
      margin-bottom: 20px;
    }
    .avatar-uploader >>> .el-upload {
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }
    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }
    .userCenterAuthenticationPersonal>>>.el-upload {
        border: 1px solid rgba(204, 204, 204, 1);
    }
    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 178px;
        height: 178px;
        line-height: 178px;
        text-align: center;
    }
    .avatar {
        width: 178px;
        height: 178px;
        display: block;
    }
   
    .linkLeft{
        line-height: 30px;
        text-align: left;
    }
    .linkRight{
        line-height: 30px;
        text-align: right;
    }
    table{
        border-collapse: collapse;
        border: none;
        width:100%
    }
     td,th {
         padding:2px 4px;
         min-height:50px;
         line-height: 20px;
         font-size: 10px;
         border:1px solid #e6e6e6;
        
     }
     td,tr {
         /* width:15%; */
         font-size: 9px;
         background-color: #e5f5fb;
         background-color: #fbfbfb;
     }
     .none {
         display: none
     }
     span {
         margin-right:15px
     }
     .a4 {
         page-break-before: auto;
         page-break-after: always;
     }
    #print .table-head{width:100%;color:#000;}
    #print.table-body{width:100%; }
    #print.table-head table,.table-body table{width:100%;}
    /* #print.table-body table tr:nth-child(2n+1){background-color:#f2f2f2;} */
    .black {
        color: #000;
        font-weight: 700;
        font-size: 15px;
    }
    @media print
      {
      table{
          border-collapse: collapse;
          border: none;
          width:100%
      }
      td,th {
          padding:2px 4px;
          min-height:50px;
          line-height: 20px;
          font-size: 10px;
          border:1px solid #e6e6e6;
         
      }
      td,tr {
          /* width:15%; */
          font-size: 9px;
          background-color: #e5f5fb;
          background-color: #fbfbfb;
      }
      .none {
          display: none
      }
      span {
          margin-right:15px
      }
      .a4 {
          page-break-before: auto;
          page-break-after: always;
      }
  }
</style>