| | |
|---|
| | | <template> |
|---|
| | | <div class="product-tree-container " :style="'height:' + tree_Hei +'px'"> |
|---|
| | | <div class="product-tree-container"> |
|---|
| | | <el-input |
|---|
| | | placeholder="输入名称进行过滤" |
|---|
| | | style="width: 80%" |
|---|
| | | style="width: 60%" |
|---|
| | | v-model="filterText" |
|---|
| | | size="small" |
|---|
| | | clearable |
|---|
| | | ></el-input> |
|---|
| | | <el-button type="primary" @click="add()" style="margin-top: 10px">新增</el-button> |
|---|
| | | <el-button type="primary" @click="add()" style="margin: 10px 0 0 10px;padding: 9px 18px !important;">新增</el-button> |
|---|
| | | <el-divider></el-divider> |
|---|
| | | <el-tree |
|---|
| | | style="height: 90%;overflow: auto" |
|---|
| | |
|---|
| | | return { |
|---|
| | | filterText: '', |
|---|
| | | productList: [], |
|---|
| | | tree_Hei: document.documentElement.clientHeight - 200, |
|---|
| | | defaultProps: { |
|---|
| | | children: 'children', |
|---|
| | | label: 'name' |
|---|
| | |
|---|
| | | async getProductList() { |
|---|
| | | let res = await this.$http.get('/basicInfo/XhProductModel/tree') |
|---|
| | | this.productList = res.data |
|---|
| | | console.log(res.data,'async getProductList()') |
|---|
| | | }, |
|---|
| | | add() { |
|---|
| | | this.$refs.AddOrUpdate.$refs.dialog.init(null,{id: null, type: 'tree'}) |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style> |
|---|
| | | .product-tree-container{ |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
