后台搜索UI

src/views/farm/discuss/index.vue

@@ -4,11 +4,19 @@
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="项目名" prop="projectId">
-        <el-input v-model="queryParams.projectId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="任务名" prop="taskId">
-        <el-input v-model="queryParams.taskId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/>
+        <el-select v-model="queryParams.projectId" filterable placeholder="请单选">
+          <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
       </el-form-item>
+      <!-- <el-form-item label="任务内容" prop="projectId">
+        <el-select v-model="queryParams.taskId" filterable placeholder="请单选">
+          <el-option v-for="item in taskCateList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
+      </el-form-item> -->
       <el-form-item label="讨论发表时间">
         <el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
                         type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
@@ -36,7 +44,7 @@
     <el-table v-loading="loading" stripe :data="list">
       <el-table-column label="讨论ID" align="center" prop="id" />
       <el-table-column label="项目名" align="center" prop="projectId" />
-      <el-table-column label="任务名" align="center" prop="taskId" />
+      <el-table-column label="任务内容" align="center" prop="taskId" />
       <el-table-column label="讨论内容" align="center" prop="content" />
       <el-table-column label="事件图片" align="center" prop="images">
           <template slot-scope="scope">
@@ -108,7 +116,7 @@ import ImageUpload from '@/components/ImageUpload';
 import Editor from '@/components/Editor';
 import { getProjectPage } from "@/api/farm/project";
 import { getTaskPage } from "@/api/farm/task";
-
+import { getTaskCatePage } from "@/api/farm/taskCate";
 
 export default {
   name: "Discuss",
@@ -151,13 +159,23 @@ export default {
       },
       projectList:[],
       taskList:[],
+      taskCateList:[]
     };
   },
 
   created() {
     this.getProject();
+    this.getTaskCateList();
   },
   methods: {
+    getTaskCateList() {
+      getTaskCatePage({
+        pageNo: 1,
+        pageSize: 400
+      }).then(res => {
+        this.taskCateList = res.data.list.filter(t => t.parentId != 0);
+      })
+    },
     /*获取项目列表*/
     getProject(){
       getProjectPage({
@@ -197,7 +215,7 @@ export default {
             });
             this.taskList.forEach(task =>{
               if (task.id == discuss.taskId) {
-                discuss.taskId = task.name;
+                discuss.taskId = task.taskMsg;
               }
             })
         });