<template>
    <div class="flex">
      <section>
        <div class="row" :class="{'basic-main':!showItem,'binary':showItem}">
          <div :class="{'binary-left':showItem}" >
            <retail-plan @select-changed="selected" v-ref:check></retail-plan>
          </div>
          <div style="width: 45%" :class="{'binary-right':showItem}" v-show="showItem">
            <retail-item  :check='$refs.check.selected'
                         v-ref:detail></retail-item>
          </div>
        </div>
      </section>

    </div>
</template>

<script>

  import Retailplan from './Retailplan'
  import Retailitem from './Retailitem'
    export default {
        title: "散户计划用户",
      props: ['f'],
      components: {Retailplan, Retailitem},
      data() {
        return {
          showItem: false
        }
      },
      methods: {
        selected(row) {
          this.showItem = true
        }
      },
      watch:{

      }
    }
</script>

<style scoped>

</style>
