后台搜索UI

src/views/farm/task/index.vue

@@ -8,11 +8,54 @@
   <div class="app-container">
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="任务名" prop="taskCateId">
-        <el-input v-model="queryParams.taskCateId" placeholder="请输入" clearable @keyup.enter.native="handleQuery" />
+      <el-form-item label="项目名" prop="projectId">
+        <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="resources">
-        <el-input v-model="queryParams.resources" placeholder="请输入" clearable @keyup.enter.native="handleQuery" />
+      <el-form-item label="负责人" prop="mainPerson">
+        <el-select v-model="queryParams.mainPerson" filterable placeholder="请单选">
+          <el-option v-for="item in cpUserList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="执行人" prop="executorName">
+        <el-select v-model="queryParams.executorName" filterable placeholder="请单选">
+          <el-option v-for="item in cpUserList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="任务名" prop="taskCateId">
+        <el-select v-model="queryParams.taskCateId" filterable placeholder="请单选">
+          <el-option v-for="item in cateOneList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="任务内容" prop="taskCateName">
+        <el-select v-model="queryParams.taskCateName" filterable placeholder="请单选">
+          <el-option v-for="item in cateTwoList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区域" prop="areaId">
+        <el-select v-model="queryParams.areaId" filterable placeholder="请单选">
+          <el-option v-for="item in areasList" :key="item.id" :label="item.name" :value="item.id">
+              {{ item.name }}
+            </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="资源名" prop="areas">
+        <el-select v-model="queryParams.resourceId" filterable placeholder="请单选">
+          <el-option v-for="item in resourceList" :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="dateRangePlanStartTime" style="width: 240px" value-format="yyyy-MM-dd" type="daterange"
@@ -274,7 +317,10 @@ export default {
         cropId: null,
         cropNum: null,
         workingHours: null,
-        draft: false
+        draft: false,
+
+        areaId:null,
+        executorName:null
       },
       // 表单参数
       form: {
@@ -320,7 +366,12 @@ export default {
     };
   },
   created() {
-    this.getList()
+    this.getList(),
+    this.getTaskCateList();
+    this.getAreasList();
+    this.getProjectList();
+    this.getResource();
+    this.getCpUserList();
   },
   methods: {
     startMethod(){
@@ -393,6 +444,8 @@ export default {
           cateFirstList.push({ value: one.id, label: one.name, children: cateSecondList })
         });
         this.taskCateList = cateFirstList;
+
+        console.log("1111111", this.taskCateList);
       })
     },
     getCpUserList() {
@@ -463,7 +516,7 @@ export default {
       this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime');
       this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
       // 执行查询
-      getTaskSearchPage(params).then(response => {
+      getAdminTaskPage(params).then(response => {
         this.list = response.data.list;
         this.total = response.data.total;
         this.loading = false;
@@ -492,6 +545,9 @@ export default {
         mainPerson: undefined,
         executorPerson: undefined,
         workingHours: undefined,
+        projectId:undefined,
+        areaId:undefined,
+        executorName:undefined
       };
       this.resetForm("form");
     },