修改COPY

src/views/bpm/task/copy.vue

@@ -2,12 +2,21 @@
   <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="processName">
-        <el-input v-model="queryParams.processName" placeholder="请输入流程名" clearable @keyup.enter.native="handleQuery"/>
+      <el-form-item label="任务编号" prop="processId">
+        <el-input v-model="queryParams.instanceId" placeholder="请输入任务编号" clearable/>
+      </el-form-item>
+      <el-form-item label="流程分类" prop="processName">
+        <el-select v-model="queryParams.categoryId" placeholder="请选择流程分类" clearable>
+          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY)"
+                     :key="dict.value" :label="dict.label" :value="dict.value"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="流程名称" prop="processName">
+        <el-input v-model="queryParams.processName" placeholder="请输入流程名称" clearable/>
       </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="结束日期" />
+                        type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
@@ -17,10 +26,14 @@
 
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="任务编号" align="center" prop="taskId" width="320" />
-      <el-table-column label="流程分类" align="center" prop="title" />
-      <el-table-column label="流程名称" align="center" prop="processName" />
-      <el-table-column label="流程发起人" align="center" prop="originatorName" />
+      <el-table-column label="任务编号" align="center" prop="instanceId" width="320"/>
+      <el-table-column label="流程分类" align="center" prop="categoryId">
+        <template slot-scope="scope">
+          <dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.categoryId" />
+        </template>
+      </el-table-column>
+      <el-table-column label="流程名称" align="center" prop="processName"/>
+      <el-table-column label="流程发起人" align="center" prop="originatorName"/>
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -29,7 +42,8 @@
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAudit(scope.row)"
-                     v-hasPermi="['bpm:task:query']">详情</el-button>
+                     v-hasPermi="['bpm:task:query']">详情
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -45,8 +59,7 @@ import {getCopyTaskPage} from '@/api/bpm/task'
 
 export default {
   name: "Copy",
-  components: {
-  },
+  components: {},
   data() {
     return {
       // 遮罩层
@@ -62,7 +75,10 @@ export default {
       queryParams: {
         pageNo: 1,
         pageSize: 10,
-        name: null,
+        instanceId: null,
+        categoryId: null,
+        processName: null
+
       },
     };
   },
@@ -94,7 +110,7 @@ export default {
       this.handleQuery();
     },
     handleAudit(row) {
-      this.$router.push({ path: "/bpm/process-instance/detail", query: { id: row.instanceId}});
+      this.$router.push({path: "/bpm/process-instance/detail", query: {id: row.instanceId}});
     },
   }
 };