<template>
  <div>
    <div class="user-panel normal-margin">
      <el-descriptions title="基本信息" border :column="2" labelClassName="my-label" contentClassName="my-content">
<!--          <div slot="title" class="flex-align-center flex-between">
            <span>账号信息</span>
            <div class="flex-align-center flex-between">
              <slot name="createuser" :data="mainInfo"></slot>
              <slot name="linkact" :data="mainInfo"></slot>
            </div>
          </div>-->
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="登录账号">{{mainInfo.accountno?mainInfo.accountno:'--'}}</el-descriptions-item>
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="账号名称">{{mainInfo.username?mainInfo.username:'--'}}</el-descriptions-item>
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="账号类型">{{mainInfo.usertypename?mainInfo.usertypename:'--'}}</el-descriptions-item>
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="授权角色">{{mainInfo.userrole?mainInfo.userrole.map(item => item.remarks).join(','):''}}</el-descriptions-item>
<!--          <el-descriptions-item label-class-name="my-label-layout" content-class-name="my-content" label="账号密码">
            <div class="flex-align-center flex-between">
              *******
             <slot name="restpas"></slot>
            </div>
          </el-descriptions-item>-->
      </el-descriptions>
    </div>
    <div class="">
      <el-descriptions title="系统信息" border :column="2" labelClassName="my-label" contentClassName="my-content">
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="创建人">{{mainInfo.createby?mainInfo.createby:'--'}}</el-descriptions-item>
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="创建时间">{{mainInfo.createdate?mainInfo.createdate:'--'}}</el-descriptions-item>
          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="最近编辑人">{{mainInfo.changeby?mainInfo.changeby:'--'}}</el-descriptions-item>
<!--          <el-descriptions-item label-class-name="my-label-layout" content-class-name="my-content" label="手机号">{{mainInfo.userphonenumber?mainInfo.userphonenumber:'&#45;&#45;'}}</el-descriptions-item>-->

          <el-descriptions-item label-class-name="my-label" content-class-name="my-content" label="最近编辑时间">{{mainInfo.changedate?mainInfo.changedate:'--'}}</el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>

<script>
export default {
  props:['mainInfo'],
  components:{
  },
  data () {
    return {
    }
  },
  methods:{
  },
  mounted () {
  }
}

</script>
<style>
.user-panel .el-descriptions__title{width: 100%;}
</style>