任务视图修改

src/views/task/view.vue

@@ -2,13 +2,12 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true">
       <el-form-item label="所属项目" prop="projectId">
-        <el-select
+        <el-cascader
           v-model="queryParams.projectId"
-          @change="getList"
-          clearable
-          style="width: 200px">
-          <el-option v-for="item in projectList" :key="item.id" :label="item.projectName" :value="item.id"/>
-        </el-select>
+          :options="projectTree"
+          @change="selectProjectChange"
+          :props="{ expandTrigger: 'hover',value:'id',label:'name' }"
+          :show-all-levels="false"></el-cascader>
       </el-form-item>
       <el-form-item label="月份" prop="month">
         <el-date-picker
@@ -160,7 +159,7 @@
 
 <script>
 import {getTask, listView, addTaskFeedback, getFeedbackList} from "@/api/task/task";
-import {getProjectList} from "@/api/task/project";
+import {getProjectList, getProjectTree} from "@/api/task/project";
 import DateUtil from "@/utils/date"
 import TaskDetail from "./components/taskDetail"
 import FileUpload from "@/components/FileUpload"
@@ -193,7 +192,7 @@ export default {
         month: undefined,
         status: '0'
       },
-      projectList: [],
+      projectTree: [],
       tableHeaders: [],
       tableData: [],
       statusMap: statusMap,
@@ -231,9 +230,13 @@ export default {
       let today = new Date();
       this.queryParams.month = [DateUtil.beforeDay(today, 13), DateUtil.afterDay(today, 15)]
       this.getList()
-      // getProjectList("").then(res => {
-      //   this.projectList = res.data;
-      // })
+      getProjectTree().then(res => {
+        this.projectTree = res.data
+      })
+    },
+    selectProjectChange(val) {
+      this.queryParams.projectId = val[val.length - 1]
+      this.getList()
     },
     getList() {
       if (this.queryParams.month && this.queryParams.month.length === 2) {