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

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

<script>
let asyncReady = async function (self) {
  // 获取配置信息
  try {
    let res = await Vue.resetget(`/phone/rs/vue`, {data: {}}, {resolveMsg: null, rejectMsg: null})
    Vue.config = res.data
  } catch (error) {
    // 忽略704,文件找不到异常R
    if (error.status !== 704) {
      throw error
    }
  }
}

import Vue from "vue";

export default {
  title: '用户派发情况',
  props: ['f'],

  data() {
    return {
      showItem: false
    }
  },
  ready(){
    // asyncReady(this)
  },
  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>
