sso-ssr/pages/cloudcenter/index.vue

<template>
  <div class="info">
    <div class="w-over-box">
      <div class="container">
        <div class="basic-info">
          <div class="row">
            <div class="col-xs-3"><h3><i class="man"></i><b id="man">管理员</b></h3></div>
            <div class="col-xs-9"><span class="f-pr">上次登录时间：</span></div>
          </div>
          <hr/>
          <div class="row">
            <div class="col-xs-3"><p>绑定手机</p></div>
            <div class="col-xs-9"><span id="userTel"></span></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>绑定邮箱</p></div>
            <div class="col-xs-9"><span id="userEmil"></span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-over-box">
      <div class="container">
        <div class="basic-info">
          <h3><i class="business"></i><b id="spaceName"></b></h3>
          <hr/>
          <div class="row">
            <div class="col-xs-3"><p>管理员</p></div>
            <div class="col-xs-9"><span id="spaceAdminName"></span>  <a href="/changeAdmin/changeAdmin">更换</a></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>企业法人</p></div>
            <div class="col-xs-9"><span id="spaceCorporation"></span></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>营业执照</p></div>
            <div class="col-xs-9"><span id="spaceBusinessCode"></span></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>企业地址</p></div>
            <div class="col-xs-9"><span id="spaceAddress"></span></div>
          </div>
          <input type="hidden" id="spaceAdminTel">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
      layout: 'cloud'
    }
</script>

<style scoped type="text/scss" lang="scss">
  .info{
    padding:50px 0 112px 30px;
    background:#eee;
  }
  .w-btn{
    width:180px;
    height:30px;
    line-height: 16px;
    border-radius:15px;
    color:#656565;
    font-size: 14px;
  }
  .w-over-box {
    padding-top:10px;
  }
  .w-over-box .basic-info{
    padding:20px 30px;
    background: #fff;
  }
  .w-over-box .basic-info .f-pr{
    position:relative;
    top:10px;
  }
  .w-over-box .basic-info hr{
    border:1px solid #e5e5e5;
  }
  .w-over-box .basic-info h3{
    font-size: 18px;
    color:#000;
    line-height: 20px;
    font-weight: bold;
    margin:0;
  }
  .w-over-box .basic-info h3 i.business{
    display:inline-block;
    position:relative;
    top:2px;
    width:30px;
    height:20px;
    background:url('/img/over_account/business.png')no-repeat;
  }
  .w-over-box .basic-info h3 em{
    color:#e87405;
    font-style:normal;
  }
  .w-over-box .basic-info .row{
    margin-bottom:30px;
  }
  .w-over-box .basic-info .row a{
    margin-left:25px;
    color:#0076ad;
  }
  .w-over-box .basic-info .row i.man{
    display:inline-block;
    position:relative;
    top:5px;
    width:30px;
    height:20px;
    background:url('/img/over_account/man.png')no-repeat;
  }
  .w-over-box .basic-info .row p{
    font-weight: bold;
    font-size: 14px;
    color:#000;
    margin:0;
  }
  .w-over-box .basic-info .row span{
    font-size: 14px;
    color:#787878;
  }
</style>