<template>
  <div class="flex">
    <section>
      <div class="row"  style="height: 100%" :class="{'basic-main':!showItem,'binary':showItem}">
        <div :class="{'binary-left':showItem}" >
          <newfile-paper  @select-changed="selected" v-ref:check></newfile-paper>
        </div>
        <div style="width:40%"  class="binary-right" v-if="$refs.check && $refs.check.selected">
          <tabset v-ref:tabs:close="false">
            <tab header="安检记录">
              <newfile-list :check='$refs.check.selected'></newfile-list>
            </tab>
            <tab header="购气记录">
              <newfile-list1 :check='$refs.check.selected'></newfile-list1>
            </tab>
            <tab header="置换记录" >
              <newfile-list2 :check='$refs.check.selected'></newfile-list2>
            </tab>
            <tab header="增值产品记录" >
              <newfile-list3 :check='$refs.check.selected'></newfile-list3>
            </tab>
            <tab header="维修记录" >
              <newfile-list4 :check='$refs.check.selected'></newfile-list4>
            </tab>
            <tab header="表铅封修改记录" >
              <newfile-list5 :check='$refs.check.selected'></newfile-list5>
            </tab>
          </tabset>
        </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>
