diff --git a/frontend/package.json b/frontend/package.json
index 692ec23df4..ee6fce3649 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -49,7 +49,7 @@
     "xml-js": "^1.6.11",
     "yan-progress": "^1.0.3",
     "jsonpath": "^1.1.0",
-    "vue-minder-editor-plus": "^1.0.14",
+    "vue-minder-editor-plus": "^1.0.16",
     "jsencrypt": "^3.1.0"
   },
   "devDependencies": {
diff --git a/frontend/src/business/components/track/case/components/minder/TestCaseMinder.vue b/frontend/src/business/components/track/case/components/minder/TestCaseMinder.vue
new file mode 100644
index 0000000000..6f275d8b30
--- /dev/null
+++ b/frontend/src/business/components/track/case/components/minder/TestCaseMinder.vue
@@ -0,0 +1,65 @@
+<template>
+  <ms-module-minder
+    :tree-nodes="treeNodes"/>
+</template>
+
+<script>
+import MsModuleMinder from "@/business/components/common/components/MsModuleMinder";
+export default {
+name: "TestCaseMinder",
+  components: {MsModuleMinder},
+  data() {
+    return{
+      testCase: [],
+      dataMap: new Map()
+    }
+  },
+  props: {
+    treeNodes: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    condition: Object,
+    projectId: String
+  },
+  mounted() {
+    // this.getTestCases();
+  },
+  methods: {
+    getTestCases() {
+      if (this.projectId) {
+        this.result = this.$get('/test/case/list/detail/' + this.projectId,response => {
+          this.testCase = response.data;
+          console.log(this.testCase)
+          this.parse();
+        });
+      }
+    },
+    parse() {
+      this.testCase.forEach(item => {
+        let mapItem = this.dataMap.get(item.moduleId);
+        let nodeItem = {
+          id: item.id,
+          name: item.name,
+
+        }
+        if (mapItem) {
+          mapItem.push(item);
+        } else {
+          mapItem = [];
+          mapItem.push(item);
+        }
+        if (item.tags && item.tags.length > 0) {
+          item.tags = JSON.parse(item.tags);
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/frontend/src/business/components/track/case/components/minder/TestcaseMinder.vue b/frontend/src/business/components/track/case/components/minder/TestcaseMinder.vue
deleted file mode 100644
index 42a6419b18..0000000000
--- a/frontend/src/business/components/track/case/components/minder/TestcaseMinder.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <ms-module-minder
-    :tree-nodes="treeNodes"/>
-</template>
-
-<script>
-import MsModuleMinder from "@/business/components/common/components/MsModuleMinder";
-export default {
-name: "TestcaseMinder",
-  components: {MsModuleMinder},
-  props: {
-    treeNodes: {
-      type: Array,
-      default() {
-        return []
-      }
-    }
-  },
-
-}
-</script>
-
-<style scoped>
-
-</style>