项目管理取消选中分类功能

src/views/task/components/project.vue

@@ -15,16 +15,17 @@
     </div>
     <div class="head-container">
       <div style="height:calc(100vh - 158px);overflow: auto">
-      <el-tree
-        :data="projectData"
-        :props="defaultProps"
-        :expand-on-click-node="false"
-        :filter-node-method="filterNode"
-        default-expand-all
-        ref="projectTree"
-        node-key="id"
-        highlight-current
-        @node-click="handleNodeClick">
+        <el-tree
+          :data="projectData"
+          :props="defaultProps"
+          :expand-on-click-node="false"
+          :check-on-click-node="true"
+          :filter-node-method="filterNode"
+          default-expand-all
+          ref="projectTree"
+          node-key="id"
+          :highlight-current="true"
+          @node-click="handleNodeClick">
             <span class="custom-tree-node" slot-scope="{ node, data }">
               <div>{{ node.label }}</div>
               <div v-if="data.type!='模块'" style="font-size: 12px;color: #1c84c6">({{ data.type }})</div>
@@ -42,7 +43,7 @@
                    v-hasPermi="['task:project:add','task:project:edit','task:project:delete','task:project:table']"></i>
                </el-popover>
             </span>
-      </el-tree>
+        </el-tree>
       </div>
     </div>
 
@@ -283,6 +284,11 @@ export default {
     /** 详情按钮操作 */
     handleDetail(row) {
       this.$router.push({path: '/task/projectTable', query: {projectId: row.id}});
+    },
+    clear() {
+      let currentKey = this.$refs.projectTree.getCurrentKey();
+      this.$refs.projectTree.setCurrentKey(null)
+      this.$emit('selectProject', null)
     }
 
   }

src/views/task/task.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-row :gutter="20">
       <el-col :span="5" :xs="24">
-        <project @selectProject="selectProject"></project>
+        <project ref="pjTree" @selectProject="selectProject"></project>
       </el-col>
       <el-col :span="19" :xs="24">
         <div class="query-container">
@@ -500,6 +500,7 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");
+      this.$refs.pjTree.clear()
       this.$refs.dut.clearText()
       this.handleQuery();
     },