|
|
|
|
@ -3,25 +3,49 @@
|
|
|
|
|
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
|
|
|
|
<div v-show="showSearch" class="mb-[10px]">
|
|
|
|
|
<el-card shadow="hover">
|
|
|
|
|
<el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" :inline="true">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-badge :value="userSelectCount" :max="10" class="item">
|
|
|
|
|
<el-button type="primary" @click="openUserSelect">选择申请人</el-button>
|
|
|
|
|
</el-badge>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="任务名称" prop="nodeName">
|
|
|
|
|
<el-input v-model="queryParams.nodeName" placeholder="请输入任务名称" @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="流程定义名称" label-width="100" prop="flowName">
|
|
|
|
|
<el-input v-model="queryParams.flowName" placeholder="请输入流程定义名称" @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="流程定义编码" label-width="100" prop="flowCode">
|
|
|
|
|
<el-input v-model="queryParams.flowCode" placeholder="请输入流程定义编码" @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" label-width="100px">
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="业务编码" prop="businessCode">
|
|
|
|
|
<el-input v-model="queryParams.businessCode" placeholder="请输入业务编码" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="业务标题" prop="businessTitle">
|
|
|
|
|
<el-input v-model="queryParams.businessTitle" placeholder="请输入业务标题" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="流程定义名称" prop="flowName">
|
|
|
|
|
<el-input v-model="queryParams.flowName" placeholder="请输入流程定义名称" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-badge :value="userSelectCount" :max="10" class="item">
|
|
|
|
|
<el-button type="primary" @click="openUserSelect">选择申请人</el-button>
|
|
|
|
|
</el-badge>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="任务名称" prop="nodeName">
|
|
|
|
|
<el-input v-model="queryParams.nodeName" placeholder="请输入任务名称" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="流程定义编码" prop="flowCode">
|
|
|
|
|
<el-input v-model="queryParams.flowCode" placeholder="请输入流程定义编码" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label-width="0">
|
|
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
@ -29,42 +53,62 @@
|
|
|
|
|
<el-card shadow="hover">
|
|
|
|
|
<template #header>
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<right-toolbar v-model:show-search="showSearch" @query-table="handleQuery"></right-toolbar>
|
|
|
|
|
<right-toolbar v-model:show-search="showSearch" :columns="columns" :search="true" @query-table="handleQuery"></right-toolbar>
|
|
|
|
|
</el-row>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<el-table v-loading="loading" border :data="taskList" @selection-change="handleSelectionChange">
|
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
<el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="businessCode" align="center" label="业务编码"></el-table-column>
|
|
|
|
|
<el-table-column :show-overflow-tooltip="true" prop="businessTitle" align="center" label="业务标题"></el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="flowName" width="120" label="流程定义名称"></el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="flowCode" width="120" label="流程定义编码"></el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="categoryName" label="流程分类"></el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="version" label="版本号" width="90">
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="columns[0].visible"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
prop="businessCode"
|
|
|
|
|
align="center"
|
|
|
|
|
label="业务编码"
|
|
|
|
|
width="140"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="columns[1].visible"
|
|
|
|
|
prop="businessTitle"
|
|
|
|
|
align="center"
|
|
|
|
|
label="业务标题"
|
|
|
|
|
min-width="160"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="columns[2].visible"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
prop="flowName"
|
|
|
|
|
align="center"
|
|
|
|
|
label="流程定义名称"
|
|
|
|
|
min-width="140"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column v-if="columns[3].visible" align="center" prop="flowCode" label="流程定义编码" width="130" show-overflow-tooltip />
|
|
|
|
|
<el-table-column v-if="columns[4].visible" align="center" prop="categoryName" label="流程分类" width="110" show-overflow-tooltip />
|
|
|
|
|
<el-table-column v-if="columns[5].visible" align="center" prop="version" label="版本号" width="90">
|
|
|
|
|
<template #default="scope"> v{{ scope.row.version }}.0</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="nodeName" :show-overflow-tooltip="true" label="任务名称"></el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="createByName" :show-overflow-tooltip="true" label="申请人"></el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="approverName" label="办理人">
|
|
|
|
|
<el-table-column v-if="columns[6].visible" align="center" prop="nodeName" label="任务名称" width="120" show-overflow-tooltip />
|
|
|
|
|
<el-table-column v-if="columns[7].visible" align="center" prop="createByName" label="申请人" width="100" show-overflow-tooltip />
|
|
|
|
|
<el-table-column v-if="columns[8].visible" align="center" label="办理人" min-width="100">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-tag type="success">
|
|
|
|
|
{{ scope.row.approveName || '无' }}
|
|
|
|
|
</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="流程状态" prop="flowStatus" min-width="80">
|
|
|
|
|
<el-table-column v-if="columns[9].visible" align="center" label="流程状态" width="100">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<dict-tag :options="wf_business_status" :value="scope.row.flowStatus"></dict-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="任务状态" prop="flowTaskStatus" min-width="80">
|
|
|
|
|
<el-table-column v-if="columns[10].visible" align="center" label="任务状态" width="100">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<dict-tag :options="wf_task_status" :value="scope.row.flowTaskStatus"></dict-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" prop="createTime" label="创建时间" :show-overflow-tooltip="true" width="150"></el-table-column>
|
|
|
|
|
<el-table-column label="操作" align="center" width="200">
|
|
|
|
|
<el-table-column v-if="columns[11].visible" align="center" prop="createTime" label="创建时间" width="160" show-overflow-tooltip />
|
|
|
|
|
<el-table-column label="操作" align="center" fixed="right" width="88" class-name="small-padding fixed-width">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-button type="primary" size="small" icon="View" @click="handleView(scope.row)">查看</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
@ -112,6 +156,22 @@ const showSearch = ref(true);
|
|
|
|
|
const total = ref(0);
|
|
|
|
|
// 模型定义表格数据
|
|
|
|
|
const taskList = ref([]);
|
|
|
|
|
|
|
|
|
|
const columns = ref<FieldOption[]>([
|
|
|
|
|
{ key: 0, label: '业务编码', visible: true },
|
|
|
|
|
{ key: 1, label: '业务标题', visible: true },
|
|
|
|
|
{ key: 2, label: '流程定义名称', visible: true },
|
|
|
|
|
{ key: 3, label: '流程定义编码', visible: false },
|
|
|
|
|
{ key: 4, label: '流程分类', visible: false },
|
|
|
|
|
{ key: 5, label: '版本号', visible: false },
|
|
|
|
|
{ key: 6, label: '任务名称', visible: true },
|
|
|
|
|
{ key: 7, label: '申请人', visible: true },
|
|
|
|
|
{ key: 8, label: '办理人', visible: true },
|
|
|
|
|
{ key: 9, label: '流程状态', visible: true },
|
|
|
|
|
{ key: 10, label: '任务状态', visible: true },
|
|
|
|
|
{ key: 11, label: '创建时间', visible: true }
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
// 查询参数
|
|
|
|
|
const queryParams = ref<TaskQuery>({
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
@ -119,6 +179,8 @@ const queryParams = ref<TaskQuery>({
|
|
|
|
|
nodeName: undefined,
|
|
|
|
|
flowName: undefined,
|
|
|
|
|
flowCode: undefined,
|
|
|
|
|
businessCode: undefined,
|
|
|
|
|
businessTitle: undefined,
|
|
|
|
|
createByIds: []
|
|
|
|
|
});
|
|
|
|
|
//申请人id
|
|
|
|
|
|
yinq
3 weeks ago