| | |
| | | <div class="left"> |
| | | <el-input v-model="search" suffix-icon="el-icon-search" placeholder="请输入搜索内容" size="small" clearable></el-input> |
| | | |
| | | <el-tree :data="list" ref="tree" :default-expand-all="false" :props="{ children: 'children', label: 'name' }" |
| | | <el-tree :data="list" ref="tree" :default-expand-all="true" :props="{ children: 'children', label: 'name' }" |
| | | node-key="id" :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current> |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span><i :class="`node_i ${data.code != '[4]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i> |
| | | <span><i :class="`node_i ${data.code != '[5]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i> |
| | | {{ data.name }}</span> |
| | | <el-button type="text" size="mini" @click.stop="remove(node, data)"> |
| | | <i class="el-icon-delete"></i> |
| | |
| | | // }, |
| | | mounted() { |
| | | this.selectMaterialTree() |
| | | this.selectAll() |
| | | // this.selectAll() |
| | | this.selectVersion() |
| | | }, |
| | | methods: { |
| | | selectDataList() { |
| | | this.list.forEach(a => { |
| | | a.code = '[1]' |
| | | if (a.children != undefined) { |
| | | a.children.forEach(b => { |
| | | b.code = '[2]' |
| | | if (b.children != undefined) { |
| | | b.children.forEach(c => { |
| | | c.code = '[3]' |
| | | if (c.children != undefined) { |
| | | c.children.forEach(d => { |
| | | d.code = '[4]' |
| | | if (d.children != undefined) { |
| | | d.children.forEach(e => { |
| | | e.code = '[5]' |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | handleSelectionChange() { |
| | | |
| | | }, |
| | |
| | | if (idx == 1) { |
| | | arr[idx].name = '半成品' |
| | | } |
| | | el.children.forEach((newEl, newIdx, newArr) => { |
| | | if (newIdx == 0) { |
| | | newArr[newIdx].name = '橡胶连接器' |
| | | } |
| | | if (newIdx == 1) { |
| | | newArr[newIdx].name = '金属连接器' |
| | | } |
| | | if (newIdx == 2) { |
| | | newArr[newIdx].name = '湿插拔电连接器' |
| | | } |
| | | if (newIdx == 3) { |
| | | newArr[newIdx].name = '分支组件' |
| | | } |
| | | }) |
| | | }) |
| | | console.log(this.list); |
| | | this.selectDataList() |
| | | }) |
| | | }, |
| | | filterNode(value, data) { |