石广澎
2023-12-12 fa3a13b43cdcd3bcc42abae4d9c0a67e48ebea41
admin-web/src/components/myTree/index.vue
@@ -1,16 +1,20 @@
<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'
@@ -19,6 +23,7 @@
        @node-click='onSelect'
        :expand-on-click-node='false'
        :default-expand-all='autoExpandParent'
        :default-expanded-keys="expandedKeys"
        :filter-node-method='filterNode'
        :highlight-current='true'
      >
@@ -76,7 +81,7 @@
  },
  methods: {
    onExpand(expandedKeys) {
      this.expandedKeys = expandedKeys;
      this.expandedKeys.push(expandedKeys.id);
      this.autoExpandParent = false;
    },
    filterNode(value, data) {
@@ -161,14 +166,10 @@
.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 {