<template>
  <div class="flex">
    <section>
      <div class="row"  style="height: 100%" :class="{'basic-main':!showItem,'binary':showItem}">
        <div :class="{'binary-left':showItem}" >
          <safe-treatment-paper  @select-changed="selected" v-ref:check></safe-treatment-paper>
        </div>
        <div  :class="{'binary-right':showItem}" v-show="showItem">
          <safe-treatment-list v-show='$refs.check && $refs.check.selected' :check='$refs.check.selected'
                       v-ref:detail></safe-treatment-list>
        </div>

      </div>
    </section>
  </div>
</template>

<script>
export default {
  title: '用户派发情况',
  data() {
    return {
      showItem: false
    }
  },
  ready(){

  },
  methods: {
    selected(row) {
      this.showItem = true
    }
  },

  watch: {}

}
</script>

<style >
.form-input-group label {
  text-align: right;
  width: auto;
}

.datapanel {
  color: #333;
  background-color: white;
  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
  padding: 5px 7px 5px 7px;
  border-radius: 10px;
}
</style>
