<script>
export default {
  name: "quoteDetailBom",
  props:{
    quoteDetail:{
      type:Object,
      required:true
    },
  },
  model:{
    prop: "quoteDetail",
    event: "update"
  },
  data(){
    return{
      isAllBom:false,
      dataList:[],
      treeData:[],
    }
  },
  methods:{
    handleQueryQuoteDetailBom(){
      console.log(this.quoteDetail.id)
    },
  },
  created() {
    if (this.quoteDetail && this.quoteDetail.id){
      this.handleQueryQuoteDetailBom();
    }
  },
  watch:{
    'quoteDetail.id'(newVal,oldVal){
      this.handleQueryQuoteDetailBom();
    },
  }
}
</script>

<template>
<div>
  <div style="margin-bottom: 10px">
    <el-link style="margin-right: 20px">切换版本</el-link>
    <el-checkbox v-model="isAllBom">全级BOM结构</el-checkbox>
  </div>
  <el-container>
    <el-aside width="300px">
      <el-tree
        :data="treeData">

      </el-tree>
    </el-aside>
    <el-main style="padding: 0">
      <el-table :data="dataList" border style="width: 100%" :height="420">

      </el-table>
    </el-main>
  </el-container>
</div>
</template>

<style scoped>

</style>
