update 优化表单绑定逻辑,移除流程定义配置表单,添加模型复制
This commit is contained in:
parent
2d804c7ce0
commit
9f73ea2d32
@ -89,3 +89,16 @@ export const modelDeploy = (id: string): AxiosPromise<void> => {
|
|||||||
method: 'post'
|
method: 'post'
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 复制模型
|
||||||
|
* @param data
|
||||||
|
* @returns {*}
|
||||||
|
*/
|
||||||
|
export const copyModel = (data: ModelForm): AxiosPromise<void> => {
|
||||||
|
return request({
|
||||||
|
url: '/workflow/model/copyModel',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
};
|
@ -40,7 +40,6 @@ export interface TaskVO extends BaseEntity {
|
|||||||
multiInstance?: boolean;
|
multiInstance?: boolean;
|
||||||
businessKey?: string;
|
businessKey?: string;
|
||||||
wfNodeConfigVo?: NodeConfigVO;
|
wfNodeConfigVo?: NodeConfigVO;
|
||||||
wfDefinitionConfigVo?: DefinitionConfigVO;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface VariableVo {
|
export interface VariableVo {
|
||||||
|
@ -22,28 +22,8 @@ export default {
|
|||||||
taskId: routerJumpVo.taskId
|
taskId: routerJumpVo.taskId
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}else if (routerJumpVo.wfDefinitionConfigVo && routerJumpVo.wfDefinitionConfigVo.wfFormManageVo && routerJumpVo.wfDefinitionConfigVo.wfFormManageVo.formType === 'static') {
|
}else {
|
||||||
proxy.$tab.closePage(proxy.$route);
|
proxy?.$modal.msgError('请到模型配置菜单!');
|
||||||
proxy.$router.push({
|
|
||||||
path: `${routerJumpVo.wfDefinitionConfigVo.wfFormManageVo.router}`,
|
|
||||||
query: {
|
|
||||||
id: routerJumpVo.businessKey,
|
|
||||||
type: routerJumpVo.type,
|
|
||||||
taskId: routerJumpVo.taskId
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else if (routerJumpVo.wfDefinitionConfigVo && routerJumpVo.wfDefinitionConfigVo.wfFormManageVo && routerJumpVo.wfDefinitionConfigVo.wfFormManageVo.formType === 'dynamic') {
|
|
||||||
proxy.$tab.closePage(proxy.$route);
|
|
||||||
proxy.$router.push({
|
|
||||||
path: `${routerJumpVo.wfDefinitionConfigVo.wfFormManageVo.router}`,
|
|
||||||
query: {
|
|
||||||
id: routerJumpVo.businessKey,
|
|
||||||
type: routerJumpVo.type,
|
|
||||||
taskId: routerJumpVo.taskId
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
proxy?.$modal.msgError('请到流程定义菜单配置路由!');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -1,8 +1,6 @@
|
|||||||
import { NodeConfigVO } from '@/api/workflow/nodeConfig/types';
|
import { NodeConfigVO } from '@/api/workflow/nodeConfig/types';
|
||||||
import { DefinitionConfigVO } from '@/api/workflow/definitionConfig/types';
|
|
||||||
|
|
||||||
export interface RouterJumpVo {
|
export interface RouterJumpVo {
|
||||||
wfDefinitionConfigVo: DefinitionConfigVO;
|
|
||||||
wfNodeConfigVo: NodeConfigVO;
|
wfNodeConfigVo: NodeConfigVO;
|
||||||
businessKey: string;
|
businessKey: string;
|
||||||
taskId: string;
|
taskId: string;
|
||||||
|
@ -209,10 +209,15 @@ const handleCompleteTask = async () => {
|
|||||||
await proxy?.$modal.confirm('是否确认提交?');
|
await proxy?.$modal.confirm('是否确认提交?');
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
buttonLoading.value = true;
|
buttonLoading.value = true;
|
||||||
await completeTask(form.value).finally(() => (loading.value = false));
|
try {
|
||||||
dialog.visible = false;
|
await completeTask(form.value);
|
||||||
emits('submitCallback');
|
dialog.visible = false;
|
||||||
proxy?.$modal.msgSuccess('操作成功');
|
emits('submitCallback');
|
||||||
|
proxy?.$modal.msgSuccess('操作成功');
|
||||||
|
}finally {
|
||||||
|
loading.value = false
|
||||||
|
buttonLoading.value = false
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 驳回弹窗打开 */
|
/** 驳回弹窗打开 */
|
||||||
|
@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
<el-table border v-loading="loading" :data="modelList" @selection-change="handleSelectionChange">
|
<el-table border v-loading="loading" :data="modelList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column fixed align="center" type="index" label="序号" width="50"></el-table-column>
|
<el-table-column fixed align="center" type="index" label="序号" width="80"></el-table-column>
|
||||||
<el-table-column align="center" :show-overflow-tooltip="true" prop="name" label="模型名称" width="200"></el-table-column>
|
<el-table-column align="center" :show-overflow-tooltip="true" prop="name" label="模型名称" width="200"></el-table-column>
|
||||||
<el-table-column align="center" prop="key" label="模型KEY"></el-table-column>
|
<el-table-column align="center" prop="key" label="模型KEY"></el-table-column>
|
||||||
<el-table-column align="center" prop="version" label="版本号" width="90">
|
<el-table-column align="center" prop="version" label="版本号" width="90">
|
||||||
@ -68,7 +68,7 @@
|
|||||||
<el-table-column align="center" prop="metaInfo" label="备注说明" min-width="130"></el-table-column>
|
<el-table-column align="center" prop="metaInfo" label="备注说明" min-width="130"></el-table-column>
|
||||||
<el-table-column align="center" :show-overflow-tooltip="true" prop="createTime" label="创建时间" width="160"></el-table-column>
|
<el-table-column align="center" :show-overflow-tooltip="true" prop="createTime" label="创建时间" width="160"></el-table-column>
|
||||||
<el-table-column align="center" :show-overflow-tooltip="true" prop="lastUpdateTime" label="更新时间" width="160"></el-table-column>
|
<el-table-column align="center" :show-overflow-tooltip="true" prop="lastUpdateTime" label="更新时间" width="160"></el-table-column>
|
||||||
<el-table-column fixed="right" label="操作" align="center" width="150" class-name="small-padding fixed-width">
|
<el-table-column fixed="right" label="操作" align="center" width="170" class-name="small-padding fixed-width">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
@ -84,6 +84,11 @@
|
|||||||
流程部署
|
流程部署
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button link type="primary" size="small" icon="CopyDocument" @click="handleCopy(scope.row)">
|
||||||
|
复制模型
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@ -105,10 +110,10 @@
|
|||||||
<el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body :close-on-click-modal="false">
|
<el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body :close-on-click-modal="false">
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
|
||||||
<el-form-item label="模型名称:" prop="name">
|
<el-form-item label="模型名称:" prop="name">
|
||||||
<el-input v-model="form.name" :disabled="ids && ids.length > 0" maxlength="20" show-word-limit />
|
<el-input v-model="form.name" :disabled="ids && ids.length > 0 && billType === 'update'" maxlength="20" show-word-limit />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="模型KEY:" prop="key">
|
<el-form-item label="模型KEY:" prop="key">
|
||||||
<el-input v-model="form.key" :disabled="ids && ids.length > 0" maxlength="20" show-word-limit />
|
<el-input v-model="form.key" :disabled="ids && ids.length > 0 && billType === 'update'" maxlength="20" show-word-limit />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="流程分类" prop="categoryCode">
|
<el-form-item label="流程分类" prop="categoryCode">
|
||||||
<el-tree-select
|
<el-tree-select
|
||||||
@ -139,6 +144,7 @@ import Design from './design.vue';
|
|||||||
import { listModel, addModel, delModel, modelDeploy, getInfo, update } from '@/api/workflow/model';
|
import { listModel, addModel, delModel, modelDeploy, getInfo, update } from '@/api/workflow/model';
|
||||||
import { ModelQuery, ModelForm, ModelVO } from '@/api/workflow/model/types';
|
import { ModelQuery, ModelForm, ModelVO } from '@/api/workflow/model/types';
|
||||||
import { listCategory } from '@/api/workflow/category';
|
import { listCategory } from '@/api/workflow/category';
|
||||||
|
import { copyModel } from '@/api/workflow/model/index';
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
|
|
||||||
@ -163,7 +169,7 @@ const total = ref(0);
|
|||||||
const modelList = ref<ModelVO[]>([]);
|
const modelList = ref<ModelVO[]>([]);
|
||||||
const categoryOptions = ref<CategoryOption[]>([]);
|
const categoryOptions = ref<CategoryOption[]>([]);
|
||||||
const categoryName = ref('');
|
const categoryName = ref('');
|
||||||
const modelId = ref<string>('');
|
const billType = ref<string>('');
|
||||||
|
|
||||||
const dialog = reactive<DialogOption>({
|
const dialog = reactive<DialogOption>({
|
||||||
visible: false,
|
visible: false,
|
||||||
@ -268,14 +274,18 @@ const clickDeploy = async (id: string, key: string) => {
|
|||||||
await getList();
|
await getList();
|
||||||
proxy?.$modal.msgSuccess('部署成功');
|
proxy?.$modal.msgSuccess('部署成功');
|
||||||
};
|
};
|
||||||
|
//新增打开
|
||||||
const handleAdd = () => {
|
const handleAdd = () => {
|
||||||
|
billType.value = 'add';
|
||||||
ids.value = [];
|
ids.value = [];
|
||||||
getTreeselect();
|
getTreeselect();
|
||||||
form.value = { ...initFormData };
|
form.value = { ...initFormData };
|
||||||
dialog.visible = true;
|
dialog.visible = true;
|
||||||
dialog.title = '新增模型';
|
dialog.title = '新增模型';
|
||||||
};
|
};
|
||||||
|
//修改打开
|
||||||
const handleUpdate = () => {
|
const handleUpdate = () => {
|
||||||
|
billType.value = 'update';
|
||||||
dialog.title = '修改模型';
|
dialog.title = '修改模型';
|
||||||
nextTick(async () => {
|
nextTick(async () => {
|
||||||
await getTreeselect();
|
await getTreeselect();
|
||||||
@ -286,20 +296,35 @@ const handleUpdate = () => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
//复制打开
|
||||||
|
const handleCopy = (row?: ModelVO) => {
|
||||||
|
billType.value = 'copy';
|
||||||
|
dialog.title = '复制模型';
|
||||||
|
nextTick(async () => {
|
||||||
|
await getTreeselect();
|
||||||
|
form.value = { ...initFormData };
|
||||||
|
form.value.id = row.id
|
||||||
|
dialog.visible = true;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
formRef.value.validate(async (valid: boolean) => {
|
formRef.value.validate(async (valid: boolean) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
buttonLoading.value = true;
|
buttonLoading.value = true;
|
||||||
if (ids.value && ids.value.length > 0) {
|
if('copy' === billType.value){
|
||||||
|
await copyModel(form.value);
|
||||||
|
proxy?.$modal.msgSuccess('操作成功');
|
||||||
|
}else if(ids.value && ids.value.length > 0 && 'update' === billType.value){
|
||||||
form.value.id = ids.value[0];
|
form.value.id = ids.value[0];
|
||||||
await update(form.value);
|
await update(form.value);
|
||||||
proxy?.$modal.msgSuccess('新增成功');
|
proxy?.$modal.msgSuccess('操作成功');
|
||||||
} else {
|
}else {
|
||||||
initXml(form.value.key, form.value.name);
|
initXml(form.value.key, form.value.name);
|
||||||
form.value.xml = xml.value;
|
form.value.xml = xml.value;
|
||||||
await addModel(form.value);
|
await addModel(form.value);
|
||||||
proxy?.$modal.msgSuccess('新增成功');
|
proxy?.$modal.msgSuccess('操作成功');
|
||||||
}
|
}
|
||||||
dialog.visible = false;
|
dialog.visible = false;
|
||||||
await getList();
|
await getList();
|
||||||
|
@ -108,7 +108,6 @@
|
|||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item @click="getProcessDefinitionHitoryList(scope.row.id, scope.row.key)">历史版本</el-dropdown-item>
|
<el-dropdown-item @click="getProcessDefinitionHitoryList(scope.row.id, scope.row.key)">历史版本</el-dropdown-item>
|
||||||
<el-dropdown-item @click="handleFormOpen(scope.row)">表单配置</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@ -211,39 +210,11 @@
|
|||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button link type="primary" icon="Sort" size="small" @click="handleConvertToModel(scope.row)"> 转换模型 </el-button>
|
<el-button link type="primary" icon="Sort" size="small" @click="handleConvertToModel(scope.row)"> 转换模型 </el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button link type="primary" icon="Setting" size="small" @click="handleFormOpen(scope.row)"> 表单配置 </el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 表单配置 -->
|
|
||||||
<el-dialog v-model="formDialog.visible" :title="formDialog.title" width="650px" append-to-body :close-on-click-modal="false">
|
|
||||||
<el-form :model="definitionConfigForm" label-width="auto">
|
|
||||||
<el-form-item label="流程KEY">
|
|
||||||
<el-input v-model="definitionConfigForm.processKey" disabled/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="表单" prop="formId">
|
|
||||||
<el-select v-model="definitionConfigForm.formId" clearable filterable placeholder="请选择表单" style="width: 260px" >
|
|
||||||
<el-option v-for="item in formManageList" :key="item.id" :label="item.formTypeName+':'+item.formName" :value="item.id" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="definitionConfigForm.remark" type="textarea" resize="none"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<template #footer>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<el-button @click="formDialog.visible = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="handlerSaveForm">
|
|
||||||
保存
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -260,15 +231,10 @@ import {
|
|||||||
} from '@/api/workflow/processDefinition';
|
} from '@/api/workflow/processDefinition';
|
||||||
import ProcessPreview from './components/processPreview.vue';
|
import ProcessPreview from './components/processPreview.vue';
|
||||||
import { listCategory } from '@/api/workflow/category';
|
import { listCategory } from '@/api/workflow/category';
|
||||||
import { getByDefId,saveOrUpdate } from '@/api/workflow/definitionConfig';
|
|
||||||
import { CategoryVO } from '@/api/workflow/category/types';
|
import { CategoryVO } from '@/api/workflow/category/types';
|
||||||
import { ProcessDefinitionQuery, ProcessDefinitionVO } from '@/api/workflow/processDefinition/types';
|
import { ProcessDefinitionQuery, ProcessDefinitionVO } from '@/api/workflow/processDefinition/types';
|
||||||
import { definitionConfigForm } from '@/api/workflow/definitionConfig/types';
|
|
||||||
import { UploadRequestOptions } from 'element-plus';
|
import { UploadRequestOptions } from 'element-plus';
|
||||||
import { FormManageVO } from '@/api/workflow/formManage/types';
|
|
||||||
import { selectListFormManage } from '@/api/workflow/formManage';
|
|
||||||
|
|
||||||
const formManageList = ref<FormManageVO[]>([]);
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
|
|
||||||
const previewRef = ref<InstanceType<typeof ProcessPreview>>();
|
const previewRef = ref<InstanceType<typeof ProcessPreview>>();
|
||||||
@ -295,7 +261,6 @@ const categoryOptions = ref<CategoryOption[]>([]);
|
|||||||
const categoryName = ref('');
|
const categoryName = ref('');
|
||||||
/** 部署文件分类选择 */
|
/** 部署文件分类选择 */
|
||||||
const selectCategory = ref();
|
const selectCategory = ref();
|
||||||
const definitionConfigForm = ref<definitionConfigForm>({});
|
|
||||||
|
|
||||||
const uploadDialog = reactive<DialogOption>({
|
const uploadDialog = reactive<DialogOption>({
|
||||||
visible: false,
|
visible: false,
|
||||||
@ -307,11 +272,6 @@ const processDefinitionDialog = reactive<DialogOption>({
|
|||||||
title: '历史版本'
|
title: '历史版本'
|
||||||
});
|
});
|
||||||
|
|
||||||
const formDialog = reactive<DialogOption>({
|
|
||||||
visible: false,
|
|
||||||
title: '表单配置'
|
|
||||||
});
|
|
||||||
|
|
||||||
// 查询参数
|
// 查询参数
|
||||||
const queryParams = ref<ProcessDefinitionQuery>({
|
const queryParams = ref<ProcessDefinitionQuery>({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
@ -476,34 +436,4 @@ const handerDeployProcessFile = (data: UploadRequestOptions): XMLHttpRequest =>
|
|||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
};
|
};
|
||||||
//打开表单配置
|
|
||||||
const handleFormOpen = async (row: ProcessDefinitionVO) => {
|
|
||||||
listFormManage()
|
|
||||||
formDialog.visible = true
|
|
||||||
definitionConfigForm.value.processKey = row.key
|
|
||||||
definitionConfigForm.value.definitionId = row.id
|
|
||||||
const resp = await getByDefId(row.id)
|
|
||||||
if(resp.data){
|
|
||||||
definitionConfigForm.value = resp.data
|
|
||||||
}else{
|
|
||||||
definitionConfigForm.value.formId = undefined
|
|
||||||
definitionConfigForm.value.remark = undefined
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//保存表单
|
|
||||||
const handlerSaveForm = async () => {
|
|
||||||
await proxy?.$modal.confirm('是否确认保存?');
|
|
||||||
saveOrUpdate(definitionConfigForm.value).then(resp=>{
|
|
||||||
if(resp.code === 200){
|
|
||||||
proxy?.$modal.msgSuccess('操作成功');
|
|
||||||
formDialog.visible = false
|
|
||||||
getList();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//表单列表
|
|
||||||
const listFormManage = async () => {
|
|
||||||
const res = await selectListFormManage();
|
|
||||||
formManageList.value = res.data;
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user