<template>
  <div class="auto">
    <modal :show.sync="data.show" :width='1000' title='用户详情' v-ref:modal backdrop="false">
      <article slot="modal-body">
        <div class="flex">
          <user-base-info :data="data"></user-base-info>
          <user-oper-info :data="data"></user-oper-info>
        </div>
      </article>
      <footer slot="modal-footer">
      </footer>
    </modal>
  </div>
</template>

<script>
  import UserBaseInfo from './UserBaseInfo'
  import UserOperInfo from './UserOperInfo'

  export default {
    title: '用户详情',
    components: {
      UserBaseInfo,UserOperInfo
    },
    data () {
        return {
          //data: this.data
        }
    },
    props: ['data'],
    ready () {
      console.log('用户详情，，，', this.data)
    },
    methods: {

    },
    computed: {

    }
  }
</script>
