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 v-text="user.user.vipName ? user.user.vipName : '用户名'"></b></h3></div>
            <div class="col-xs-9"><span>上次登录时间： {{user.user.lastLoginTime | time}}</span></div>
          </div>
          <hr/>
          <div class="row">
            <div class="col-xs-3"><p>绑定手机</p></div>
            <div class="col-xs-9"><span v-text="user.user.mobile ? user.user.mobile : ''"></span></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>绑定邮箱</p></div>
            <div class="col-xs-9"><span v-text="user.user.email ? user.user.email : ''"></span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-over-box" v-if="user.userspace">
      <div class="container">
        <div class="basic-info">
          <h3><i class="business"></i><b v-text="user.userspace.spaceName ? user.userspace.spaceName : '企业名称'"></b></h3>
          <hr/>
          <div class="row">
            <div class="col-xs-3"><p>管理员</p></div>
            <div class="col-xs-9"><span v-text="user.userspace.admin.vipName ? user.userspace.admin.vipName : '管理员'"></span>  <a href="/appeals/changeManagerAppeal">更换</a></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>企业法人</p></div>
            <div class="col-xs-9"><span v-text="user.userspace.corporation ? user.userspace.corporation : ''"></span></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>营业执照</p></div>
            <div class="col-xs-9"><span v-text="user.userspace.businessCode ? user.userspace.businessCode : ''"></span></div>
          </div>
          <div class="row">
            <div class="col-xs-3"><p>企业地址</p></div>
            <div class="col-xs-9"><span v-text="user.userspace.regAddress ? user.userspace.regAddress : ''"></span></div>
          </div>
          <input type="hidden" id="spaceAdminTel">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
      layout: 'cloud',
      middleware: 'authenticated',
      computed: {
        user () {
          return this.$store.state.option.userInfo.data.content
        }
      },
      filters: {
        time: function (time) {
          if (typeof time === 'number') {
            if (!time) {
              return '无'
            } else {
              let d = new Date(time)
              let year = d.getFullYear()
              let month = d.getMonth() + 1
              let day = d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate()
              let hour = d.getHours() < 10 ? '0' + d.getHours() : '' + d.getHours()
              let minutes = d.getMinutes() < 10 ? '0' + d.getMinutes() : '' + d.getMinutes()
              let seconds = d.getSeconds() < 10 ? '0' + d.getSeconds() : '' + d.getSeconds()
              return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
            }
          }
        }
      }
    }
</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>