<template>
  <div v-if="false">
    <basic-container v-show="!show">
      <avue-crud :option="option" :data="dataList" :page.sync="page">
        <template slot-scope="scope" slot="menuLeft">
          <el-button type="primary"
                     icon="el-icon-plus"
                     size="small"
                     @click="rowSave">新增</el-button>
        </template>
      </avue-crud>
    </basic-container>
    <details-page-edit v-if="show" @backToList="backToList"></details-page-edit>
  </div>
</template>

<script>
import detailsPageEdit from './detailsPageEdit'
export default {
  components: {
    detailsPageEdit
  },
  data(){
    return {
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
        pageSizes: [10, 50, 100, 200, 300]
      },
      dataList:[],
      show:false,
      option:{
        addBtn:false
      }
    }
  },
  methods:{
    rowSave(){
      this.show = true
    },
    backToList(args){
      this.show = false
      console.log(args)
    }
  }
}
</script>

<style scoped>

</style>
