|
2 | 2 | <ContentWrap>
|
3 | 3 | <!-- 搜索工作栏 -->
|
4 | 4 | <el-form
|
5 |
| - class="-mb-15px" |
6 |
| - :model="queryParams" |
7 | 5 | ref="queryFormRef"
|
8 | 6 | :inline="true"
|
| 7 | + :model="queryParams" |
| 8 | + class="-mb-15px" |
9 | 9 | label-width="68px"
|
10 | 10 | >
|
11 | 11 | <el-form-item label="任务名称" prop="name">
|
12 | 12 | <el-input
|
13 | 13 | v-model="queryParams.name"
|
14 |
| - placeholder="请输入任务名称" |
| 14 | + class="!w-240px" |
15 | 15 | clearable
|
| 16 | + placeholder="请输入任务名称" |
16 | 17 | @keyup.enter="handleQuery"
|
17 |
| - class="!w-240px" |
18 | 18 | />
|
19 | 19 | </el-form-item>
|
20 | 20 | <el-form-item label="创建时间" prop="createTime">
|
21 | 21 | <el-date-picker
|
22 | 22 | v-model="queryParams.createTime"
|
23 |
| - value-format="YYYY-MM-DD HH:mm:ss" |
24 |
| - type="daterange" |
25 |
| - start-placeholder="开始日期" |
26 |
| - end-placeholder="结束日期" |
27 | 23 | :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
28 | 24 | class="!w-240px"
|
| 25 | + end-placeholder="结束日期" |
| 26 | + start-placeholder="开始日期" |
| 27 | + type="daterange" |
| 28 | + value-format="YYYY-MM-DD HH:mm:ss" |
29 | 29 | />
|
30 | 30 | </el-form-item>
|
31 | 31 | <el-form-item>
|
32 |
| - <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button> |
33 |
| - <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button> |
| 32 | + <el-button @click="handleQuery"> |
| 33 | + <Icon class="mr-5px" icon="ep:search" /> |
| 34 | + 搜索 |
| 35 | + </el-button> |
| 36 | + <el-button @click="resetQuery"> |
| 37 | + <Icon class="mr-5px" icon="ep:refresh" /> |
| 38 | + 重置 |
| 39 | + </el-button> |
34 | 40 | </el-form-item>
|
35 | 41 | </el-form>
|
36 | 42 | </ContentWrap>
|
37 | 43 |
|
38 | 44 | <!-- 列表 -->
|
39 | 45 | <ContentWrap>
|
40 | 46 | <el-table v-loading="loading" :data="list">
|
41 |
| - <el-table-column label="任务编号" align="center" prop="id" width="300px" /> |
42 |
| - <el-table-column label="任务名称" align="center" prop="name" /> |
43 |
| - <el-table-column label="所属流程" align="center" prop="processInstance.name" /> |
44 |
| - <el-table-column label="流程发起人" align="center" prop="processInstance.startUserNickname" /> |
45 |
| - <el-table-column label="状态" align="center" prop="result"> |
| 47 | + <el-table-column align="center" label="任务编号" prop="id" width="300px" /> |
| 48 | + <el-table-column align="center" label="任务名称" prop="name" /> |
| 49 | + <el-table-column align="center" label="所属流程" prop="processInstance.name" /> |
| 50 | + <el-table-column align="center" label="流程发起人" prop="processInstance.startUserNickname" /> |
| 51 | + <el-table-column align="center" label="状态" prop="result"> |
46 | 52 | <template #default="scope">
|
47 | 53 | <dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT" :value="scope.row.result" />
|
48 | 54 | </template>
|
49 | 55 | </el-table-column>
|
50 |
| - <el-table-column label="原因" align="center" prop="reason" /> |
| 56 | + <el-table-column align="center" label="原因" prop="reason" /> |
51 | 57 | <el-table-column
|
52 |
| - label="创建时间" |
| 58 | + :formatter="dateFormatter" |
53 | 59 | align="center"
|
| 60 | + label="创建时间" |
54 | 61 | prop="createTime"
|
55 | 62 | width="180"
|
56 |
| - :formatter="dateFormatter" |
57 | 63 | />
|
58 |
| - <el-table-column label="操作" align="center"> |
| 64 | + <el-table-column align="center" label="操作"> |
59 | 65 | <template #default="scope">
|
60 | 66 | <el-button link type="primary" @click="openDetail(scope.row)">详情</el-button>
|
61 | 67 | <el-button link type="primary" @click="handleAudit(scope.row)">流程</el-button>
|
|
64 | 70 | </el-table>
|
65 | 71 | <!-- 分页 -->
|
66 | 72 | <Pagination
|
67 |
| - :total="total" |
68 |
| - v-model:page="queryParams.pageNo" |
69 | 73 | v-model:limit="queryParams.pageSize"
|
| 74 | + v-model:page="queryParams.pageNo" |
| 75 | + :total="total" |
70 | 76 | @pagination="getList"
|
71 | 77 | />
|
72 | 78 | </ContentWrap>
|
73 | 79 |
|
74 | 80 | <!-- 表单弹窗:详情 -->
|
75 | 81 | <TaskDetail ref="detailRef" @success="getList" />
|
76 | 82 | </template>
|
77 |
| -<script setup lang="tsx" name="BpmTodoTask"> |
| 83 | +<script lang="ts" name="BpmTodoTask" setup> |
78 | 84 | import { DICT_TYPE } from '@/utils/dict'
|
79 | 85 | import { dateFormatter } from '@/utils/formatTime'
|
80 | 86 | import * as TaskApi from '@/api/bpm/task'
|
81 | 87 | import TaskDetail from './TaskDetail.vue'
|
| 88 | +
|
82 | 89 | const { push } = useRouter() // 路由
|
83 | 90 |
|
84 | 91 | const loading = ref(true) // 列表的加载中
|
|
0 commit comments