<template>
  <div id="unit" class="flex-row">
    <userinfo-list @select-changed="selected"></userinfo-list>
    <div v-if="sell">
      <sell-record :row="row"></sell-record>
    </div>
  </div>
</template>
<script>
  import UserinfoList from './UserinfoList'
import SellRecord from './SellRecord'
export default {
    title: '特殊收费记录处理',
    components: {SellRecord, UserinfoList },
    data () {
      return {
        row: null,
        sell: false
      }
    },
    methods: {
      selected (row) {
        console.log('点击。。', row)
        this.row = row.val
        this.sell = !this.sell
      }
    }
  }
</script>
