You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.1 KiB
63 lines
1.1 KiB
<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>
|