sz-team/supervision-test-frontend-repo
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

yxk-20260424-新增通用查询流程组件v1，传入businessid查询所有相关流程

Browse Source
This commit is contained in:
ye1023
2026-04-24 15:17:40 +08:00
parent 5ee753b967
commit 1307f4e4f9
3 changed files with 218 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/common/api.ts
+11 -2
View File
@@ -16,6 +16,7 @@ enum Api {
getCategoryData = '/sys/category/loadAllData',
startProcess = '/act/process/extActProcess/startMutilProcess',
startProcessSchedules = '/tasktask/taskTask/flow-schedules',
queryByBusinessId = '/tasktask/taskTask/queryByBusinessId',
}
/**
@@ -165,8 +166,16 @@ export const startProcess = (params) => {
return defHttp.post({
url: Api.startProcess,
params,
})
}
});
};
/**
* 根据业务ID查询流程列表
* @param params
*/
export const queryByBusinessId = (params) =>
defHttp.get({ url: Api.queryByBusinessId, params }, { isTransformResponse: false });
/**
* 【用于评论功能】自定义文件上传-方法
src/components/semri/process/BusinessProcessListModal.vue
+124
View File
@@ -0,0 +1,124 @@
<template>
<j-modal
:title="title"
:width="1400"
:visible="visible"
:footer="null"
@cancel="handleCancel"
cancelText="关闭"
>
<div class="business-process-list-modal">
<BasicTable @register="registerTable">
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" />
</template>
</BasicTable>
</div>
<BpmPictureModal @register="registerBpmModal" />
</j-modal>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { BasicTable, TableAction, useTable } from '/@/components/Table';
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
import { useModal } from '/@/components/Modal';
import { columns } from '/@/views/taskProcess/TaskTask.data';
import { queryByBusinessId } from '/@/api/common/api';
import { useMessage } from '/@/hooks/web/useMessage';
interface OpenParams {
businessId?: string;
title?: string;
}
const title = ref('流程列表');
const visible = ref(false);
const currentBusinessId = ref('');
const { createMessage } = useMessage();
const [registerBpmModal, { openModal: bpmPicModal }] = useModal();
const [registerTable, { setTableData, setLoading, clearSelectedRowKeys }] = useTable({
rowKey: 'id',
columns,
useSearchForm: false,
canResize: false,
pagination: false,
showIndexColumn: true,
bordered: true,
actionColumn: {
title: '操作',
dataIndex: 'action',
width: 120,
fixed: 'right',
slots: { customRender: 'action' },
},
scroll: {
x: 3600,
},
});
async function loadData() {
if (!currentBusinessId.value) {
setTableData([]);
return;
}
setLoading(true);
try {
const res = await queryByBusinessId({ businessId: currentBusinessId.value });
const list = Array.isArray(res?.result) ? res.result : [];
setTableData(list);
if (!list.length) {
createMessage.warning(res?.message || '未查询到流程数据');
}
} catch (error) {
setTableData([]);
} finally {
setLoading(false);
clearSelectedRowKeys();
}
}
function open(params: OpenParams = {}) {
currentBusinessId.value = params.businessId || '';
title.value = params.title || '流程列表';
visible.value = true;
loadData();
}
function handleCancel() {
visible.value = false;
currentBusinessId.value = '';
setTableData([]);
clearSelectedRowKeys();
}
function handlePreviewPic(record) {
bpmPicModal(true, {
flowCode: record.flowCode,
dataId: record.id,
});
}
function getTableAction(record) {
return [
{
label: '审批历史',
onClick: handlePreviewPic.bind(null, record),
},
];
}
defineExpose({
open,
});
</script>
<style lang="less" scoped>
.business-process-list-modal {
:deep(.vben-basic-table) {
padding: 0;
}
}
</style>
src/views/bg/bgpartymatter/BgPartymatterList.vue
+36 -18
View File
@@ -24,8 +24,8 @@
</a-menu-item>
</a-menu>
</template>
<a-button v-auth="'bgpartymatter:bg_partymatter:deleteBatch'"
>批量操作
<a-button v-auth="'bgpartymatter:bg_partymatter:deleteBatch'">
批量操作
<Icon icon="mdi:chevron-down"></Icon>
</a-button>
</a-dropdown>
@@ -52,11 +52,12 @@
<!-- 审批记录 -->
<BpmPictureModal @register="registerBpmModal" />
<FlowScheduleStartModal ref="flowScheduleModalRef" @confirm="handleFlowScheduleConfirm" />
<BusinessProcessListModal ref="businessProcessListModalRef" />
</div>
</template>
<script lang="ts" name="bgpartymatter-bgPartymatter" setup>
import { ref, reactive, computed, unref, provide } from 'vue';
import { computed, reactive, ref, unref, provide } from 'vue';
import { BasicTable, TableAction } from '/@/components/Table';
import { useListPage } from '/@/hooks/system/useListPage';
import { useModal } from '/@/components/Modal';
@@ -65,17 +66,22 @@
import { startProcessSchedules } from '/@/api/common/api';
import BgPartymatterModal from './components/BgPartymatterModal.vue';
import BgPartymatterFeedbackList from './BgPartymatterFeedbackList.vue';
import BusinessProcessListModal from '/src/components/semri/process/BusinessProcessListModal.vue';
import FlowScheduleStartModal from '/src/components/semri/process/FlowScheduleStartModal.vue';
import { columns, superQuerySchema } from './BgPartymatter.data';
import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './BgPartymatter.api';
const FLOW_CODE = 'dev_task_task_001';
const FLOW_NAME = '党委会决议事项';
const BUSINESS_TABLE_NAME = 'bg_partymatter';
const FORM_URL = 'bgpartymatter/components/BgPartymatterForm';
const [registerBpmModal, { openModal: bpmPicModal }] = useModal();
const formRef = ref();
const registerModal = ref();
const flowScheduleModalRef = ref();
const businessProcessListModalRef = ref();
const queryParam = reactive<any>({});
const { createMessage } = useMessage();
//注册table数据
const { tableContext, onExportXls, onImportXls } = useListPage({
tableProps:{
@@ -108,9 +114,9 @@
url: getImportUrl,
success: handleSuccess,
},
})
});
const [registerTable, { reload },{ rowSelection, selectedRowKeys }] = tableContext
const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
const mainId = computed(() => (unref(selectedRowKeys).length > 0 ? unref(selectedRowKeys)[0] : ''));
//下发 mainId,子组件接收
provide('mainId', mainId);
@@ -208,6 +214,10 @@
onClick: handlePreviewPic.bind(null, record),
ifShow: !!record.bpmStatus && record.bpmStatus !== '1',
},
{
label: '查询督办流程',
onClick: handleQueryProcess.bind(null, record),
},
];
if (record.bpmStatus == '1' || !record.bpmStatus) {
@@ -227,6 +237,13 @@
});
}
function handleQueryProcess(record) {
businessProcessListModalRef.value?.open({
title: '流程列表',
businessId: record.id,
});
}
async function handleFlowScheduleConfirm({ payload, options }) {
const record = payload?.record || {};
const formatDate = (value, format) => {
@@ -241,16 +258,13 @@
triggerType: options.triggerType,
startTime: options.intervalStartTime,
//流程相关字段
flowCode: 'dev_task_task_001',
formUrl: 'bgpartymatter/components/BgPartymatterForm',
flowName: '党委会决议事项',
// jsonData: { deptid: 'xxx', deptname: 'xxxx1' },
flowCode: FLOW_CODE,
formUrl: FORM_URL,
flowName: FLOW_NAME,
jsonData: record,
//台账相关字段
businessTablename: 'bg_partymatter',
businessTablename: BUSINESS_TABLE_NAME,
businessId: record.id,
// deptLeaderId: 'sdw01',
title: record.title,
content: record.content,
urgencyLevel: record.urgencyLevel,
@@ -262,13 +276,12 @@
};
await startProcessSchedules(params);
// createMessage.success('流程发起成功');
handleSuccess();
}
async function handlePreviewPic(record) {
bpmPicModal(true, {
flowCode: 'dev_task_task_001',
flowCode: FLOW_CODE,
dataId: record.id,
});
}
@@ -322,18 +335,23 @@
.query-group-split-cust{
width: 30px;
display: inline-block;
text-align: center
text-align: center;
}
.ant-form-item:not(.ant-form-item-with-help){
.ant-form-item:not(.ant-form-item-with-help) {
margin-bottom: 16px;
height: 32px;
}
:deep(.ant-picker),:deep(.ant-input-number){
:deep(.ant-picker),
:deep(.ant-input-number) {
width: 100%;
}
}
.erpNativeList {
height: 100%;
.content {
background-color: #fff;
height: 100%;