diff --git a/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.java b/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.java
index 298fbe2b25..9eb110c61f 100644
--- a/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.java
+++ b/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.java
@@ -4,6 +4,7 @@ import io.metersphere.base.domain.TestCase;
 import io.metersphere.controller.request.ReportRequest;
 import io.metersphere.controller.request.testcase.QueryTestCaseRequest;
 import io.metersphere.dto.ReportDTO;
+import io.metersphere.dto.TestPlanCaseDTO;
 import org.apache.ibatis.annotations.Param;
 
 import java.util.List;
@@ -11,4 +12,6 @@ import java.util.List;
 public interface ExtTestCaseMapper {
 
     List<TestCase> getTestCaseNames(@Param("request") QueryTestCaseRequest request);
+
+    List<TestPlanCaseDTO> getTestPlanTestCases(@Param("request") QueryTestCaseRequest request);
 }
diff --git a/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.xml b/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.xml
index 6a05c036fe..04fdd69c66 100644
--- a/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.xml
+++ b/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.xml
@@ -20,4 +20,22 @@
         ORDER BY test_case.update_time DESC
     </select>
 
+    <select id="getTestPlanTestCases" resultType="io.metersphere.dto.TestPlanCaseDTO">
+        select t1.id as id, t1.plan_id as planId, t1.executor as executor, t1.status as status, t1.results as results, t1.remark remard, t1.create_time as createTime, t1.update_time updateTime,
+        t2.id as caseId, t2.node_id as nodeId, t2.node_path as nodePath, t2.project_id as projectId, t2.name as name,
+        t2.type as type, t2.maintainer as maintainer, t2.priority as priority, t2.method as method, t2.prerequisite as prerequisite
+        from test_plan_test_case as t1
+        inner join test_case as t2 on
+        t1.plan_id = #{request.planId}
+        <if test="request.nodeIds != null and request.nodeIds.size() > 0">
+            and t2.node_id in
+            <foreach collection="request.nodeIds" open="(" close=")" separator="," item="nodeId">
+                #{nodeId}
+            </foreach>
+        </if>
+          and t1.case_id = t2.id
+        <if test="request.name != null">
+          and t2.name like CONCAT('%', #{request.name},'%')
+        </if>
+    </select>
 </mapper>
\ No newline at end of file
diff --git a/backend/src/main/java/io/metersphere/commons/constants/TestPlanTestCaseStatus.java b/backend/src/main/java/io/metersphere/commons/constants/TestPlanTestCaseStatus.java
new file mode 100644
index 0000000000..e6a8320ffb
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/commons/constants/TestPlanTestCaseStatus.java
@@ -0,0 +1,5 @@
+package io.metersphere.commons.constants;
+
+public enum TestPlanTestCaseStatus {
+    Prepare, Pass, Failure, Blocking, Skip
+}
diff --git a/backend/src/main/java/io/metersphere/controller/TestCaseController.java b/backend/src/main/java/io/metersphere/controller/TestCaseController.java
index e0ea000e6f..673baab949 100644
--- a/backend/src/main/java/io/metersphere/controller/TestCaseController.java
+++ b/backend/src/main/java/io/metersphere/controller/TestCaseController.java
@@ -12,6 +12,7 @@ import io.metersphere.controller.request.testcase.QueryTestCaseRequest;
 import io.metersphere.controller.request.testplan.QueryTestPlanRequest;
 import io.metersphere.dto.LoadTestDTO;
 import io.metersphere.dto.TestCaseNodeDTO;
+import io.metersphere.dto.TestPlanCaseDTO;
 import io.metersphere.service.TestCaseNodeService;
 import io.metersphere.service.TestCaseService;
 import io.metersphere.user.SessionUtils;
@@ -38,6 +39,12 @@ public class TestCaseController {
         return testCaseService.getTestCaseByNodeId(nodeIds);
     }
 
+    @PostMapping("/plan/list/{goPage}/{pageSize}")
+    public  Pager<List<TestPlanCaseDTO>> getTestPlanCases(@PathVariable int goPage, @PathVariable int pageSize, @RequestBody QueryTestCaseRequest request){
+        Page<Object> page = PageHelper.startPage(goPage, pageSize, true);
+        return PageUtils.setPageInfo(page, testCaseService.getTestPlanCases(request));
+    }
+
     @PostMapping("/name/all")
     public List<TestCase> getTestCaseNames(@RequestBody QueryTestCaseRequest request){
         return testCaseService.getTestCaseNames(request);
diff --git a/backend/src/main/java/io/metersphere/controller/TestPlanController.java b/backend/src/main/java/io/metersphere/controller/TestPlanController.java
index 8010423357..9767bd8798 100644
--- a/backend/src/main/java/io/metersphere/controller/TestPlanController.java
+++ b/backend/src/main/java/io/metersphere/controller/TestPlanController.java
@@ -7,6 +7,7 @@ import io.metersphere.base.domain.TestCaseWithBLOBs;
 import io.metersphere.base.domain.TestPlan;
 import io.metersphere.commons.utils.PageUtils;
 import io.metersphere.commons.utils.Pager;
+import io.metersphere.controller.request.testcase.PlanCaseRelevanceRequest;
 import io.metersphere.controller.request.testcase.QueryTestPlanRequest;
 import io.metersphere.dto.TestPlanDTO;
 import io.metersphere.service.TestCaseService;
@@ -49,5 +50,10 @@ public class TestPlanController {
         return testPlanService.deleteTestPlan(testPlanId);
     }
 
+    @PostMapping("/relevance")
+    public void testPlanRelevance(@RequestBody PlanCaseRelevanceRequest request){
+        testPlanService.testPlanRelevance(request);
+    }
+
 
 }
diff --git a/backend/src/main/java/io/metersphere/controller/request/testcase/PlanCaseRelevanceRequest.java b/backend/src/main/java/io/metersphere/controller/request/testcase/PlanCaseRelevanceRequest.java
new file mode 100644
index 0000000000..5948c57867
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/controller/request/testcase/PlanCaseRelevanceRequest.java
@@ -0,0 +1,26 @@
+package io.metersphere.controller.request.testcase;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class PlanCaseRelevanceRequest {
+
+    private String planId;
+    private List<String> testCaseIds = new ArrayList<>();
+
+    public String getPlanId() {
+        return planId;
+    }
+
+    public void setPlanId(String planId) {
+        this.planId = planId;
+    }
+
+    public List<String> getTestCaseIds() {
+        return testCaseIds;
+    }
+
+    public void setTestCaseIds(List<String> testCaseIds) {
+        this.testCaseIds = testCaseIds;
+    }
+}
diff --git a/backend/src/main/java/io/metersphere/controller/request/testcase/QueryTestPlanRequest.java b/backend/src/main/java/io/metersphere/controller/request/testcase/QueryTestPlanRequest.java
index 128eeca9f1..ffc8c55a0a 100644
--- a/backend/src/main/java/io/metersphere/controller/request/testcase/QueryTestPlanRequest.java
+++ b/backend/src/main/java/io/metersphere/controller/request/testcase/QueryTestPlanRequest.java
@@ -7,7 +7,6 @@ import java.util.List;
 
 public class QueryTestPlanRequest extends TestPlan {
 
-    private String workspaceId;
     private boolean recent = false;
 
     public boolean isRecent() {
@@ -17,12 +16,4 @@ public class QueryTestPlanRequest extends TestPlan {
     public void setRecent(boolean recent) {
         this.recent = recent;
     }
-
-    public String getWorkspaceId() {
-        return workspaceId;
-    }
-
-    public void setWorkspaceId(String workspaceId) {
-        this.workspaceId = workspaceId;
-    }
 }
diff --git a/backend/src/main/java/io/metersphere/dto/TestPlanCaseDTO.java b/backend/src/main/java/io/metersphere/dto/TestPlanCaseDTO.java
new file mode 100644
index 0000000000..19a725ec82
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/dto/TestPlanCaseDTO.java
@@ -0,0 +1,25 @@
+package io.metersphere.dto;
+
+import io.metersphere.base.domain.TestCase;
+
+public class TestPlanCaseDTO extends TestCase {
+
+    private String executor;
+    private String status;
+
+    public String getExecutor() {
+        return executor;
+    }
+
+    public void setExecutor(String executor) {
+        this.executor = executor;
+    }
+
+    public String getStatus() {
+        return status;
+    }
+
+    public void setStatus(String status) {
+        this.status = status;
+    }
+}
diff --git a/backend/src/main/java/io/metersphere/service/TestCaseNodeService.java b/backend/src/main/java/io/metersphere/service/TestCaseNodeService.java
index dd27cc07e4..e006034103 100644
--- a/backend/src/main/java/io/metersphere/service/TestCaseNodeService.java
+++ b/backend/src/main/java/io/metersphere/service/TestCaseNodeService.java
@@ -135,9 +135,10 @@ public class TestCaseNodeService {
                 .map(TestPlanTestCase::getCaseId)
                 .collect(Collectors.toList());
 
-        List<Integer> nodeIds = nodes.stream()
-                .filter(node -> caseIds.contains(node.getId()))
-                .map(TestCaseNode::getId)
+        TestCaseExample testCaseExample = new TestCaseExample();
+        testCaseExample.createCriteria().andIdIn(caseIds);
+        List<Integer> dataNodeIds = testCaseMapper.selectByExample(testCaseExample).stream()
+                .map(TestCase::getNodeId)
                 .collect(Collectors.toList());
 
         List<TestCaseNodeDTO> nodeTrees = getNodeTrees(nodes);
@@ -145,7 +146,7 @@ public class TestCaseNodeService {
         Iterator<TestCaseNodeDTO> iterator = nodeTrees.iterator();
         while(iterator.hasNext()){
             TestCaseNodeDTO rootNode = iterator.next();
-            if(pruningTree(rootNode, nodeIds)){
+            if(pruningTree(rootNode, dataNodeIds)){
                 iterator.remove();
             }
         }
@@ -163,6 +164,13 @@ public class TestCaseNodeService {
 
         List<TestCaseNodeDTO> children = rootNode.getChildren();
 
+        if(children == null || children.isEmpty()){
+            //叶子节点,并且该节点无数据
+            if(!nodeIds.contains(rootNode.getId())){
+                return true;
+            }
+        }
+
         if(children != null) {
             Iterator<TestCaseNodeDTO> iterator = children.iterator();
             while(iterator.hasNext()){
@@ -171,11 +179,8 @@ public class TestCaseNodeService {
                     iterator.remove();
                 }
             }
-        }
 
-        if(children == null || children.isEmpty()){
-            //叶子节点,并且该节点无数据
-            if(!nodeIds.contains(rootNode.getId())){
+            if (children.isEmpty() && !nodeIds.contains(rootNode.getId())) {
                 return true;
             }
         }
diff --git a/backend/src/main/java/io/metersphere/service/TestCaseService.java b/backend/src/main/java/io/metersphere/service/TestCaseService.java
index dd4eb48960..23aa982550 100644
--- a/backend/src/main/java/io/metersphere/service/TestCaseService.java
+++ b/backend/src/main/java/io/metersphere/service/TestCaseService.java
@@ -1,21 +1,23 @@
 package io.metersphere.service;
 
 
-import io.metersphere.base.domain.TestCase;
-import io.metersphere.base.domain.TestCaseExample;
-import io.metersphere.base.domain.TestCaseWithBLOBs;
-import io.metersphere.base.domain.TestPlan;
+import io.metersphere.base.domain.*;
 import io.metersphere.base.mapper.TestCaseMapper;
 import io.metersphere.base.mapper.TestPlanMapper;
+import io.metersphere.base.mapper.TestPlanTestCaseMapper;
 import io.metersphere.base.mapper.ext.ExtTestCaseMapper;
 import io.metersphere.controller.request.testcase.QueryTestCaseRequest;
+import io.metersphere.dto.TestPlanCaseDTO;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import javax.annotation.Resource;
+import java.util.ArrayList;
 import java.util.List;
+import java.util.Map;
 import java.util.UUID;
+import java.util.stream.Collectors;
 
 @Service
 @Transactional(rollbackFor = Exception.class)
@@ -27,6 +29,9 @@ public class TestCaseService {
     @Resource
     ExtTestCaseMapper extTestCaseMapper;
 
+    @Resource
+    TestPlanTestCaseMapper testPlanTestCaseMapper;
+
     @Resource
     TestPlanMapper testPlanMapper;
 
@@ -61,13 +66,13 @@ public class TestCaseService {
     public List<TestCaseWithBLOBs> listTestCase(QueryTestCaseRequest request) {
         TestCaseExample testCaseExample = new TestCaseExample();
         TestCaseExample.Criteria criteria = testCaseExample.createCriteria();
-        if( StringUtils.isNotBlank(request.getName()) ){
+        if ( StringUtils.isNotBlank(request.getName()) ) {
             criteria.andNameLike("%" + request.getName() + "%");
         }
-        if( StringUtils.isNotBlank(request.getProjectId()) ){
+        if ( StringUtils.isNotBlank(request.getProjectId()) ) {
             criteria.andProjectIdEqualTo(request.getProjectId());
         }
-        if( request.getNodeIds() != null && request.getNodeIds().size() > 0){
+        if ( request.getNodeIds() != null && request.getNodeIds().size() > 0) {
             criteria.andNodeIdIn(request.getNodeIds());
         }
         return testCaseMapper.selectByExampleWithBLOBs(testCaseExample);
@@ -75,10 +80,15 @@ public class TestCaseService {
 
     public List<TestCase> getTestCaseNames(QueryTestCaseRequest request) {
 
-        TestPlan testPlan = testPlanMapper.selectByPrimaryKey(request.getPlanId());
-
-        request.setProjectId(testPlan.getProjectId());
+        if ( StringUtils.isNotBlank(request.getPlanId()) ) {
+            TestPlan testPlan = testPlanMapper.selectByPrimaryKey(request.getPlanId());
+            request.setProjectId(testPlan.getProjectId());
+        }
 
         return extTestCaseMapper.getTestCaseNames(request);
     }
+
+    public List<TestPlanCaseDTO> getTestPlanCases(QueryTestCaseRequest request) {
+        return extTestCaseMapper.getTestPlanTestCases(request);
+    }
 }
diff --git a/backend/src/main/java/io/metersphere/service/TestPlanService.java b/backend/src/main/java/io/metersphere/service/TestPlanService.java
index c9a9380829..140598d919 100644
--- a/backend/src/main/java/io/metersphere/service/TestPlanService.java
+++ b/backend/src/main/java/io/metersphere/service/TestPlanService.java
@@ -4,18 +4,24 @@ package io.metersphere.service;
 import io.metersphere.base.domain.*;
 import io.metersphere.base.mapper.TestCaseMapper;
 import io.metersphere.base.mapper.TestPlanMapper;
+import io.metersphere.base.mapper.TestPlanTestCaseMapper;
 import io.metersphere.base.mapper.ext.ExtTestPlanMapper;
 import io.metersphere.commons.constants.TestPlanStatus;
+import io.metersphere.commons.constants.TestPlanTestCaseStatus;
+import io.metersphere.controller.request.testcase.PlanCaseRelevanceRequest;
 import io.metersphere.controller.request.testcase.QueryTestCaseRequest;
 import io.metersphere.controller.request.testcase.QueryTestPlanRequest;
 import io.metersphere.dto.TestPlanDTO;
 import org.apache.commons.lang3.StringUtils;
+import org.apache.ibatis.session.ExecutorType;
+import org.apache.ibatis.session.SqlSession;
+import org.apache.ibatis.session.SqlSessionFactory;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import javax.annotation.Resource;
-import java.util.List;
-import java.util.UUID;
+import java.util.*;
+import java.util.stream.Collectors;
 
 @Service
 @Transactional(rollbackFor = Exception.class)
@@ -27,6 +33,15 @@ public class TestPlanService {
     @Resource
     ExtTestPlanMapper extTestPlanMapper;
 
+    @Resource
+    TestCaseMapper testCaseMapper;
+
+    @Resource
+    TestPlanTestCaseMapper testPlanTestCaseMapper;
+
+    @Resource
+    SqlSessionFactory sqlSessionFactory;
+
     public void addTestPlan(TestPlan testPlan) {
         testPlan.setId(UUID.randomUUID().toString());
         testPlan.setStatus(TestPlanStatus.Prepare.name());
@@ -54,4 +69,36 @@ public class TestPlanService {
     public List<TestPlanDTO> listTestPlan(QueryTestPlanRequest request) {
         return extTestPlanMapper.list(request);
     }
+
+    public void testPlanRelevance(PlanCaseRelevanceRequest request) {
+
+        List<String> testCaseIds = request.getTestCaseIds();
+        TestCaseExample testCaseExample = new TestCaseExample();
+        testCaseExample.createCriteria().andIdIn(testCaseIds);
+
+        Map<String, TestCaseWithBLOBs> testCaseMap =
+                testCaseMapper.selectByExampleWithBLOBs(testCaseExample)
+                .stream()
+                .collect(Collectors.toMap(TestCase::getId, testcase -> testcase));
+
+        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
+        TestPlanTestCaseMapper batchMapper = sqlSession.getMapper(TestPlanTestCaseMapper.class);
+
+        if (!testCaseIds.isEmpty()) {
+            testCaseIds.forEach(caseId -> {
+                TestCaseWithBLOBs testCase = testCaseMap.get(caseId);
+                TestPlanTestCase testPlanTestCase = new TestPlanTestCase();
+                testPlanTestCase.setExecutor(testCase.getMaintainer());
+                testPlanTestCase.setCaseId(caseId);
+                testPlanTestCase.setCreateTime(System.currentTimeMillis());
+                testPlanTestCase.setUpdateTime(System.currentTimeMillis());
+                testPlanTestCase.setPlanId(request.getPlanId());
+                testPlanTestCase.setStatus(TestPlanTestCaseStatus.Prepare.name());
+                testPlanTestCase.setResults(testCase.getSteps());
+                batchMapper.insert(testPlanTestCase);
+            });
+        }
+
+        sqlSession.flushStatements();
+    }
 }
diff --git a/frontend/src/business/components/track/case/TestCase.vue b/frontend/src/business/components/track/case/TestCase.vue
index f28abfde07..16a0dc2764 100644
--- a/frontend/src/business/components/track/case/TestCase.vue
+++ b/frontend/src/business/components/track/case/TestCase.vue
@@ -143,7 +143,7 @@
         option.id = node.id;
         option.path = option.path + '/' + node.name;
         moduleOptions.push(option);
-        if(node.children){
+        if (node.children) {
           for (let i = 0; i < node.children.length; i++){
             this.buildNodePath(node.children[i], { path: option.path }, moduleOptions);
           }
diff --git a/frontend/src/business/components/track/case/components/NodeTree.vue b/frontend/src/business/components/track/case/components/NodeTree.vue
index 971cd8d480..78cd6f2b2b 100644
--- a/frontend/src/business/components/track/case/components/NodeTree.vue
+++ b/frontend/src/business/components/track/case/components/NodeTree.vue
@@ -15,6 +15,7 @@
       @node-drag-end="handleDragEnd"
       :filter-node-method="filterNode"
       :expand-on-click-node="false"
+      highlight-current
       draggable
       ref="tree">
 
@@ -230,7 +231,7 @@
     justify-content: space-between;
     font-size: 14px;
     padding-right: 8px;
-    width: 100px;
+    width: 100%;
   }
 
   .node-tree {
diff --git a/frontend/src/business/components/track/case/components/TestCaseEdit.vue b/frontend/src/business/components/track/case/components/TestCaseEdit.vue
index 8b3d3b1c96..9f1eabe3d2 100644
--- a/frontend/src/business/components/track/case/components/TestCaseEdit.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseEdit.vue
@@ -65,7 +65,7 @@
               <el-select v-model="form.type" :placeholder="$t('test_track.input_type')">
                 <el-option :label="$t('commons.functional')" value="functional"></el-option>
                 <el-option :label="$t('commons.performance')" value="performance"></el-option>
-                <el-option :label="$t('commons.interface')" value="interface"></el-option>
+                <el-option :label="$t('commons.api')" value="api"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
diff --git a/frontend/src/business/components/track/case/components/TestCaseList.vue b/frontend/src/business/components/track/case/components/TestCaseList.vue
index b15430297e..65178f4739 100644
--- a/frontend/src/business/components/track/case/components/TestCaseList.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseList.vue
@@ -55,7 +55,7 @@
           <template v-slot:default="scope">
             <span v-if="scope.row.type == 'functional'">{{$t('commons.functional')}}</span>
             <span v-if="scope.row.type == 'performance'">{{$t('commons.performance')}}</span>
-            <span v-if="scope.row.type == 'interface'">{{$t('commons.interface')}}</span>
+            <span v-if="scope.row.type == 'api'">{{$t('commons.api')}}</span>
           </template>
         </el-table-column>
         <el-table-column
diff --git a/frontend/src/business/components/track/plan/TestPlanView.vue b/frontend/src/business/components/track/plan/TestPlanView.vue
index 79febb37ec..0cf31654c1 100644
--- a/frontend/src/business/components/track/plan/TestPlanView.vue
+++ b/frontend/src/business/components/track/plan/TestPlanView.vue
@@ -2,25 +2,33 @@
 
   <div class="plan_container">
     <el-container>
-      <el-aside width="250px">
+      <el-aside class="node-tree" width="250px">
         <plan-node-tree
-          :plan-id="planId"
-          class="node_tree"
-          @nodeSelectEvent="get"
-          ref="nodeTree"></plan-node-tree>
+          :tree-nodes="treeNodes"
+          @nodeSelectEvent="getPlanCases"
+          ref="tree"></plan-node-tree>
       </el-aside>
 
       <el-main>
         <test-case-plan-list
           @openTestCaseRelevanceDialog="openTestCaseRelevanceDialog"
+          @editTestPlanTestCase="editTestPlanTestCase"
+          :plan-id="planId"
           ref="testCasePlanList"></test-case-plan-list>
       </el-main>
     </el-container>
 
     <test-case-relevance
-      @refresh="getCaseByNodeIds"
+      @refresh="getPlanCases"
+      :plan-id="planId"
       ref="testCaseRelevance"></test-case-relevance>
 
+    <test-plan-test-case-edit
+      ref="testPlanTestCaseEdit">
+
+    </test-plan-test-case-edit>
+
+
   </div>
 
 </template>
@@ -30,15 +38,19 @@
     import PlanNodeTree from "./components/PlanNodeTree";
     import TestCasePlanList from "./components/TestCasePlanList";
     import TestCaseRelevance from "./components/TestCaseRelevance";
+    import TestPlanTestCaseEdit from "./components/TestPlanTestCaseEdit";
 
     export default {
       name: "TestPlanView",
-      components: {PlanNodeTree, TestCasePlanList, TestCaseRelevance},
+      components: {PlanNodeTree, TestCasePlanList, TestCaseRelevance, TestPlanTestCaseEdit},
       data() {
         return {
-          currentProject: {}
+          treeNodes: []
         }
       },
+      created() {
+        this.getNodeTreeByPlanId();
+      },
       computed: {
         planId: function () {
           return this.$route.params.planId;
@@ -48,14 +60,21 @@
         refresh() {
 
         },
-        get() {
-
+        getPlanCases(nodeIds) {
+          this.$refs.testCasePlanList(nodeIds);
         },
         openTestCaseRelevanceDialog() {
           this.$refs.testCaseRelevance.openTestCaseRelevanceDialog(this.planId);
         },
-        getCaseByNodeIds() {
-
+        getNodeTreeByPlanId() {
+          if(this.planId){
+            this.$get("/case/node/list/plan/" + this.planId, response => {
+              this.treeNodes = response.data;
+            });
+          }
+        },
+        editTestPlanTestCase() {
+          this.$refs.testPlanTestCaseEdit.drawer = true;
         }
       }
     }
@@ -68,5 +87,9 @@
     height: 600px;
   }
 
+  .node-tree {
+    margin-top: 2%;
+    margin-left: 15px;
+  }
 
 </style>
diff --git a/frontend/src/business/components/track/plan/components/PlanNodeTree.vue b/frontend/src/business/components/track/plan/components/PlanNodeTree.vue
index 06fb025556..8384732c0a 100644
--- a/frontend/src/business/components/track/plan/components/PlanNodeTree.vue
+++ b/frontend/src/business/components/track/plan/components/PlanNodeTree.vue
@@ -10,10 +10,13 @@
       @node-drag-end="handleDragEnd"
       :filter-node-method="filterNode"
       :expand-on-click-node="false"
+      highlight-current
       draggable
       ref="tree">
-      <template @click="selectNode(node)" v-slot:default="{node}">
-        {{node.label}}
+      <template v-slot:default="{node}">
+        <span class="custom-tree-node" @click="selectNode(node)">
+          {{node.label}}
+        </span>
       </template>
     </el-tree>
   </div>
@@ -42,6 +45,11 @@
           Array
         },
       },
+      watch: {
+        filterText(val) {
+          this.$refs.tree.filter(val);
+        }
+      },
       selectNode(node) {
         let nodeIds = [];
         this.getChildNodeId(node, nodeIds);
@@ -119,7 +127,7 @@
     justify-content: space-between;
     font-size: 14px;
     padding-right: 8px;
-    width: 100px;
+    width: 100%;
   }
 
   .node-tree {
diff --git a/frontend/src/business/components/track/plan/components/TestCasePlanList.vue b/frontend/src/business/components/track/plan/components/TestCasePlanList.vue
index 2c5075c496..978ed7e708 100644
--- a/frontend/src/business/components/track/plan/components/TestCasePlanList.vue
+++ b/frontend/src/business/components/track/plan/components/TestCasePlanList.vue
@@ -55,7 +55,7 @@
           <template v-slot:default="scope">
             <span v-if="scope.row.type == 'functional'">{{$t('commons.functional')}}</span>
             <span v-if="scope.row.type == 'performance'">{{$t('commons.performance')}}</span>
-            <span v-if="scope.row.type == 'interface'">{{$t('commons.interface')}}</span>
+            <span v-if="scope.row.type == 'api'">{{$t('commons.api')}}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -68,19 +68,27 @@
             <span v-if="scope.row.method == 'auto'">{{$t('test_track.auto')}}</span>
           </template>
         </el-table-column>
+
+
         <el-table-column
-          prop="nodePath"
-          :label="$t('test_track.module')"
+          width="160"
+          prop="executor"
+          label="执行人">
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="执行结果"
           width="160"
           show-overflow-tooltip>
-        </el-table-column>
-        <el-table-column
-          width="160"
-          :label="$t('commons.create_time')">
           <template v-slot:default="scope">
-            <span>{{ scope.row.createTime | timestampFormatDate }}</span>
+            <span v-if="scope.row.status == 'Prepare'">未开始</span>
+            <span v-if="scope.row.status == 'Pass'">通过</span>
+            <span v-if="scope.row.status == 'Failure'">失败</span>
+            <span v-if="scope.row.status == 'Blocking'">阻塞</span>
+            <span v-if="scope.row.status == 'Skip'">跳过</span>
           </template>
         </el-table-column>
+
         <el-table-column
           width="160"
           :label="$t('commons.update_time')">
@@ -141,26 +149,29 @@
           testId: null
         }
       },
+      props:{
+        planId: {
+          type: String
+        }
+      },
       created: function () {
         this.initTableData();
       },
       methods: {
         initTableData(nodeIds) {
-          let param = {
-            name: this.condition,
-          };
-          param.nodeIds = nodeIds;
-
-          if(localStorage.getItem(CURRENT_PROJECT)) {
-            param.projectId = JSON.parse(localStorage.getItem(CURRENT_PROJECT)).id;
+          if (this.planId) {
+            let param = {
+              name: this.condition,
+            };
+            param.nodeIds = nodeIds;
+            param.planId = this.planId;
+            this.$post(this.buildPagePath('/test/case/plan/list'), param, response => {
+              this.loadingRequire.testCase = false;
+              let data = response.data;
+              this.total = data.itemCount;
+              this.tableData = data.listObject;
+            });
           }
-
-          this.$post(this.buildPagePath('/test/case/list'), param, response => {
-            this.loadingRequire.testCase = false;
-            let data = response.data;
-            this.total = data.itemCount;
-            this.tableData = data.listObject;
-          });
         },
         search() {
           this.initTableData();
@@ -180,7 +191,7 @@
           this.multipleSelection = val;
         },
         handleEdit(testCase) {
-          this.$emit('testCaseRelevance', testCase);
+          this.$emit('editTestPlanTestCase', testCase);
         },
         handleDelete(testCase) {
           this.$alert(this.$t('load_test.delete_confirm') + testCase.name + "？", '', {
diff --git a/frontend/src/business/components/track/plan/components/TestCaseRelevance.vue b/frontend/src/business/components/track/plan/components/TestCaseRelevance.vue
index dc01022de5..55199a0170 100644
--- a/frontend/src/business/components/track/plan/components/TestCaseRelevance.vue
+++ b/frontend/src/business/components/track/plan/components/TestCaseRelevance.vue
@@ -4,12 +4,14 @@
 
     <el-dialog title="关联测试用例"
                :visible.sync="dialogFormVisible"
-               width="65%">
+               width="50%">
 
       <el-container class="main-content">
         <el-aside class="node-tree" width="250px">
           <plan-node-tree
-            :tree-nodes="treeNodes" ref="tree"></plan-node-tree>
+            :tree-nodes="treeNodes"
+            @nodeSelectEvent="getCaseNameByNodeIds"
+            ref="tree"></plan-node-tree>
         </el-aside>
 
         <el-container>
@@ -23,16 +25,12 @@
                   ref="table">
 
                   <el-table-column
-                    type="selection"
-                    :reserve-selection="true"></el-table-column>
+                    type="selection"></el-table-column>
 
                   <el-table-column
                     prop="name"
                     label="用例名称"
                     style="width: 100%">
-                    <template v-slot:header>
-                      用例名称
-                    </template>
                     <template v-slot:default="scope">
                       {{scope.row.name}}
                     </template>
@@ -79,28 +77,45 @@
           treeNodes: []
         };
       },
+      props: {
+        planId: {
+          type: String
+        }
+      },
       methods: {
         openTestCaseRelevanceDialog(planId) {
           console.log(planId);
-          this.getNodeTreeByPlanId(planId);
+          this.getAllNodeTreeByPlanId(planId);
           console.log(this.$refs);
           this.getCaseNames(planId);
           this.dialogFormVisible = true;
         },
         saveCaseRelevance(){
-
+          let param = {};
+          param.planId = this.planId;
+          param.testCaseIds = [...this.selectIds];
+          this.$post('/test/plan/relevance' , param, () => {
+            this.$message.success("保存成功");
+          });
         },
-        getCaseNames(planId) {
-          if(planId){
-            let param = {};
+        getCaseNames(planId, nodeIds) {
+          let param = {};
+          if (planId) {
             param.planId = planId;
-            this.$post('/test/case/name/all', param, response => {
-              this.testCases = response.data;
-              this.testCases.forEach(item => {
-                item.checked = false;
-              });
-            });
           }
+          if (nodeIds && nodeIds.length > 0){
+            param.nodeIds = nodeIds;
+          }
+          this.$post('/test/case/name/all', param, response => {
+            this.testCases = response.data;
+            this.testCases.forEach(item => {
+              item.checked = false;
+            });
+          });
+        },
+        getCaseNameByNodeIds(nodeIds) {
+          this.dialogFormVisible = true;
+          this.getCaseNames(null, nodeIds);
         },
         checkAll() {
           this.testCases.forEach(item => {
@@ -124,14 +139,13 @@
             this.selectIds.add(row.id);
           }
         },
-        getNodeTreeByPlanId(planId) {
-          if(planId){
+        getAllNodeTreeByPlanId(planId) {
+          if (planId) {
             this.$get("/case/node/list/all/plan/" + planId, response => {
               this.treeNodes = response.data;
             });
           }
         }
-
       }
     }
 </script>
@@ -155,7 +169,7 @@
     /*border-radius: 1px;*/
     /*padding-top: 5px ;*/
     /*height: 100%;*/
-    margin-right: 5px;
+    margin-right: 10px;
     /*box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);*/
   }
 
@@ -163,7 +177,6 @@
     background-color: darkgrey;
     color: #333;
     line-height: 60px;
-    height: 1%;
   }
 
   .el-aside {
diff --git a/frontend/src/business/components/track/plan/components/TestPlanList.vue b/frontend/src/business/components/track/plan/components/TestPlanList.vue
index a3b30d40df..a1e6b93f8d 100644
--- a/frontend/src/business/components/track/plan/components/TestPlanList.vue
+++ b/frontend/src/business/components/track/plan/components/TestPlanList.vue
@@ -148,7 +148,7 @@
           testId: null,
         }
       },
-      created: function () {
+      created() {
         this.projectId = this.$route.params.projectId;
         this.initTableData();
       },
diff --git a/frontend/src/business/components/track/plan/components/TestPlanTestCaseEdit.vue b/frontend/src/business/components/track/plan/components/TestPlanTestCaseEdit.vue
new file mode 100644
index 0000000000..9b5063b141
--- /dev/null
+++ b/frontend/src/business/components/track/plan/components/TestPlanTestCaseEdit.vue
@@ -0,0 +1,29 @@
+<template>
+
+  <div>
+    <el-drawer
+      title="我是标题"
+      :visible.sync="drawer"
+      :direction="direction"
+      :before-close="handleClose">
+      <span>我来啦!</span>
+    </el-drawer>
+  </div>
+
+</template>
+
+<script>
+    export default {
+      name: "TestPlanTestCaseEdit",
+      data() {
+        return {
+          drawer: false,
+          direction: 'rtl',
+        };
+      }
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/frontend/src/i18n/en-US.js b/frontend/src/i18n/en-US.js
index d52460e071..3216865792 100644
--- a/frontend/src/i18n/en-US.js
+++ b/frontend/src/i18n/en-US.js
@@ -40,7 +40,6 @@ export default {
     'system_setting': 'Settings',
     'api': 'Api',
     'performance': 'Performance',
-    'interface': 'Interface test',
     'input_content': 'Please enter content',
     'create': 'create',
     'refresh': 'refresh',
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index 1c93782795..f3e46a8635 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -40,7 +40,6 @@ export default {
     'system_setting': '系统设置',
     'api': '接口测试',
     'performance': '性能测试',
-    'interface': '接口测试',
     'input_content': '请输入内容',
     'create': '新建',
     'refresh': '刷新',