| | |
| | | <template> |
| | | <div> |
| | | <el-input |
| | | style='margin-bottom: 8px;width:100%' |
| | | placeholder='搜索' |
| | | prefix-icon='el-icon-search' |
| | | v-model='searchValue' |
| | | clearable> |
| | | </el-input> |
| | | <div class='tree-box'> |
| | | <div style="display: flex;margin-bottom: 8px;"> |
| | | <el-input |
| | | style='flex: 1' |
| | | placeholder='搜索' |
| | | prefix-icon='el-icon-search' |
| | | v-model='searchValue' |
| | | clearable> |
| | | </el-input> |
| | | <div class='refresh-btn' v-if='treeList.length>0' @click='refshData'> |
| | | 重置<i class='el-icon-refresh'></i> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class='tree-box'> |
| | | |
| | | <el-tree |
| | | ref='tree' |
| | | :data='treeList' |
| | |
| | | |
| | | .refresh-btn { |
| | | cursor: pointer; |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |
| | | font-size: 14px; |
| | | z-index: 101; |
| | | line-height: 40px; |
| | | line-height: 32px; |
| | | color: #999; |
| | | text-align: right; |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .refresh-btn:hover { |