<template>
  <div id="unit" class="flex-row">
    <div :class="{'basic-main':(!isdetail),'binary-left':isdetail}">
      <overdue-set-list v-ref:list @openuser="openuser" ></overdue-set-list>
    </div>
    <div class="binary-right" style="overflow-y: scroll" v-if="isdetail " :style="{width: (isdetail) ? '50%' : 'auto'}">
      <overdue-set-user v-ref:user :row="row"></overdue-set-user>
    </div>

  </div>

</template>
<script>
  /**
   *违约金规则管理组件
   */


  export default {
    title: '违约金规则',
    data () {
      return {
        isdetail:false,
        row:{}
      }
    },
    ready () {
    },
    methods: {
      openuser(row){
        this.row = row
        this.isdetail = true
      }
    },
    events: {
      'close' () {
        this.isdetail = false
        this.row = {}
      }
    }
  }
</script>
<style>

</style>
