el-tree展示elasticsearch的索引信息

Elasticsearch获取所有索引json格式的名称、大小、总数信息

kibana

GET _cat/indices?v&h=index,docs.count,store.size&bytes=kb&format=json&pretty

前端

XX.XX.XX.XX:9200/_cat/indices?v&h=index,docs.count,store.size&bytes=kb&format=json&pretty

HTML

<el-input
        placeholder="输入关键字进行过滤"
        v-model="filterText">
      </el-input>

      <el-tree
        class="filter-tree"
        :data="data"
        :props="defaultProps"
        default-expand-all
        :filter-node-method="filterNode"
        ref="tree">
      </el-tree>

JS

data() {
      return {
        filterText: '',
        data: [],
        defaultProps: {
          children: 'children',
          label: 'label'
        }
      }
    },
created() {
      this.treeInit()
    },
    watch: {
        filterText(val) {
          this.$refs.tree.filter(val);
        }
      },
    methods: {
      filterNode(value, data) {
              if (!value) return true;
              return data.label.indexOf(value) !== -1;
            },
      treeInit(){
        axios.get(`${esURL}/_cat/indices?v&h=index,docs.count,store.size&bytes=kb&format=json&pretty`).then(({data})=>{
          for (var i = 0; i < data.length; i++) {
            this.data.push({count: data[i]["docs.count"] , label: data[i].index ,size: data[i]["store.size"]/1000})
          }
        })
      },
}

展示

 代码只包含了左侧el-tree部分