fix 修复 新增流程定义样式错误
This commit is contained in:
疯狂的狮子Li
@@ -152,46 +152,53 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- 新增/编辑流程定义 -->
|
<!-- 新增/编辑流程定义 -->
|
||||||
<el-dialog v-model="modelDialog.visible" :title="modelDialog.title" width="650px" append-to-body :close-on-click-modal="false">
|
<el-dialog
|
||||||
|
v-model="modelDialog.visible"
|
||||||
|
:title="modelDialog.title"
|
||||||
|
width="650px"
|
||||||
|
append-to-body
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
class="definition-dialog"
|
||||||
|
>
|
||||||
|
<el-form ref="defFormRef" :model="form" :rules="rules" label-width="120px" class="definition-form">
|
||||||
|
<el-form-item label="流程类别" prop="category">
|
||||||
|
<el-tree-select
|
||||||
|
v-model="form.category"
|
||||||
|
:data="categoryOptions"
|
||||||
|
:props="{ value: 'id', label: 'label', children: 'children' } as any"
|
||||||
|
filterable
|
||||||
|
value-key="id"
|
||||||
|
:render-after-expand="false"
|
||||||
|
check-strictly
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="流程编码" prop="flowCode">
|
||||||
|
<el-input v-model="form.flowCode" placeholder="请输入流程编码" maxlength="40" show-word-limit />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="流程名称" prop="flowName">
|
||||||
|
<el-input v-model="form.flowName" placeholder="请输入流程名称" maxlength="100" show-word-limit />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="设计器模式" prop="modelValue">
|
||||||
|
<el-radio-group v-model="form.modelValue" :disabled="!!form.id" class="definition-radio-group">
|
||||||
|
<el-radio value="CLASSICS" size="large" border>经典模式</el-radio>
|
||||||
|
<el-radio value="MIMIC" size="large" border>仿钉钉模式</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="流程配置">
|
||||||
|
<el-checkbox v-model="autoPass" label="下一节点执行人是当前任务处理人自动审批" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="是否动态表单" prop="formCustom">
|
||||||
|
<el-radio-group v-model="form.formCustom" class="definition-radio-group">
|
||||||
|
<el-radio value="Y" size="large" border disabled>是</el-radio>
|
||||||
|
<el-radio value="N" size="large" border>否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="表单路径" prop="formPath">
|
||||||
|
<el-input v-model="form.formPath" placeholder="请输入表单路径" maxlength="100" show-word-limit />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-form ref="defFormRef" :model="form" :rules="rules" label-width="120px">
|
|
||||||
<el-form-item label="流程类别" prop="category">
|
|
||||||
<el-tree-select
|
|
||||||
v-model="form.category"
|
|
||||||
:data="categoryOptions"
|
|
||||||
:props="{ value: 'id', label: 'label', children: 'children' } as any"
|
|
||||||
filterable
|
|
||||||
value-key="id"
|
|
||||||
:render-after-expand="false"
|
|
||||||
check-strictly
|
|
||||||
style="width: 100%"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="流程编码" prop="flowCode">
|
|
||||||
<el-input v-model="form.flowCode" placeholder="请输入流程编码" maxlength="40" show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="流程名称" prop="flowName">
|
|
||||||
<el-input v-model="form.flowName" placeholder="请输入流程名称" maxlength="100" show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设计器模式" prop="modelValue">
|
|
||||||
<el-radio-group v-model="form.modelValue" :disabled="!!form.id">
|
|
||||||
<el-radio value="CLASSICS" size="large" border>经典模式</el-radio>
|
|
||||||
<el-radio value="MIMIC" size="large" border>仿钉钉模式</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="流程配置">
|
|
||||||
<el-checkbox v-model="autoPass" label="下一节点执行人是当前任务处理人自动审批" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否动态表单" prop="formCustom">
|
|
||||||
<el-radio-group v-model="form.formCustom">
|
|
||||||
<el-radio value="Y" size="large" border disabled>是</el-radio>
|
|
||||||
<el-radio value="N" size="large" border>否</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="表单路径" prop="formPath">
|
|
||||||
<el-input v-model="form.formPath" placeholder="请输入表单路径" maxlength="100" show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-button @click="modelDialog.visible = false">取消</el-button>
|
<el-button @click="modelDialog.visible = false">取消</el-button>
|
||||||
<el-button type="primary" @click="handleSubmit">保存</el-button>
|
<el-button type="primary" @click="handleSubmit">保存</el-button>
|
||||||
@@ -584,4 +591,24 @@ const handleExportDef = () => {
|
|||||||
.process-action-group :deep(.el-button .el-icon) {
|
.process-action-group :deep(.el-button .el-icon) {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.definition-form {
|
||||||
|
padding-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.definition-radio-group {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.definition-radio-group :deep(.el-radio) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user