| | |
| | | <div class="standard-library-main"> |
| | | <div class="content-main"> |
| | | <div class="library-bom" style="width: 300px"> |
| | | <el-input v-model="filterText" placeholder="输入关键字进行过滤"></el-input> |
| | | <el-input clearable v-model="filterText" placeholder="输入关键字进行过滤"></el-input> |
| | | <el-button type="text">全部</el-button> |
| | | <el-tree ref="tree" style="width: 100%" class="filter-tree" :data="standardTree" :props="defaultProps" |
| | | node-key="id" highlight-current default-expand-all :filter-node-method="filterNode" |
| | | node-key="id" :highlight-current="true" :default-expand-all="true" :filter-node-method="filterNode" |
| | | :render-content="renderContent" @node-click="nodeClick" /> |
| | | </div> |
| | | <div class="library-table" style="width: 80%"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | filterNodeData: [], |
| | | options: [], |
| | | versionValue: "", |
| | | deleteList: [], |
| | |
| | | formTypeOptions: [], |
| | | addTreeForm: { |
| | | addTypeArr: [], |
| | | specificationsName: "" |
| | | } |
| | | }; |
| | | }, |
| | | watch: { |
| | | filterText(val) { |
| | | this.$refs.tree.filter(val); |
| | | }, |
| | | addTreeFormVisible(newVal){ |
| | | if(newVal === false){ |
| | | this.clear(); |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | filterNode(value, data) { |
| | | filterNode(value, data,node) { |
| | | if (!value) return true; |
| | | return data.name.indexOf(value) !== -1; |
| | | }, |
| | |
| | | //TODO handle the exception |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | getDefault(arr, index) { |
| | | for (const item of arr) { |
| | |
| | | }) { |
| | | // 判断是否是父节点或文件夹 |
| | | const isFolder = "children" in data; |
| | | return ( < |
| | | span class = "tree-node" > { |
| | | isFolder ? ( < |
| | | i class = { |
| | | node.expanded ? |
| | | "el-icon-folder-opened blue-folder" : "el-icon-folder blue-folder" |
| | | } > |
| | | < |
| | | /i> |
| | | ) : ( < |
| | | i class = "el-icon-document blue-folder" > < /i> |
| | | ) |
| | | } < |
| | | div class = "tree-lable" > [{ |
| | | node.level |
| | | }] { |
| | | data.name |
| | | } < |
| | | /div> < / |
| | | span > |
| | | return ( <span class="tree-node"> { |
| | | isFolder ? ( <i class = {node.expanded ?"el-icon-folder-opened blue-folder" : "el-icon-folder blue-folder"} ></i> |
| | | ) : ( <i class = "el-icon-document blue-folder" > </i>) |
| | | } <div class = "tree-lable" > [{node.level}] {data.name} </div> </span> |
| | | ); |
| | | }, |
| | | async subAddTreeForm() { |