节点重构

test-ui/src/components/FolderPage/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-container>
       <el-aside>
-        <el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" style="margin-bottom: 10px" clearable />
+        <el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" style="margin-bottom: 10px" clearable/>
         <el-tree class="filter-tree" :data="groupList" @node-click="nodeClick" node-key="id" highlight-current :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" :default-expanded-keys="[0]">
           <span class="custom-tree-node" slot-scope="{ node, data }" v-if="groupState !== 'list' && editId === data.id">
             <span>
@@ -102,8 +102,10 @@ export default {
         });
         if (res.data && res.data.length > 0) {
           this.groupId = res.data[0].id;
-          this.$refs.tree.setCurrentKey(this.groupId);
+          this.$nextTick(() => {
-          this.$emit('click', this.groupId);
+            this.$refs.tree.setCurrentKey(this.groupId);
+            this.$emit('click', this.groupId);
+          })
         }
       })
     },

test-ui/src/views/test/api/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <folder-page type="api" @click="nodeSelected">
+  <folder-page type="api" @click="folderHandleSelected">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="接口名称" prop="name">
         <el-input v-model="queryParams.name" placeholder="请输入接口名称" clearable @keyup.enter.native="handleQuery"/>
@@ -85,7 +85,7 @@ export default {
     }
   },
   methods: {
-    nodeSelected(id) {
+    folderHandleSelected(id) {
       this.queryParams.groupId = id;
       this.getList();
     },

test-ui/src/views/test/case/index.vue

@@ -1,11 +1,27 @@
 <template>
-  <div>
+  <folder-page type="case" @click="folderHandleSelected">
     case
-  </div>
+  </folder-page>
 </template>
 
 <script>
 
+import FolderPage from "@/components/FolderPage/index.vue";
+
+export default {
+  name: "Case",
+  components: {FolderPage},
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    folderHandleSelected(id) {
+      console.log(id)
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">