Commit 14a7d637b37241bc56c0326254d53460da40e687
1 parent
5415a85c
修改 bpmn 的 ElementBaseInfo.vue ,解决基础元素的表单问题
Showing
1 changed file
with
30 additions
and
20 deletions
yudao-admin-ui/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
| 1 | 1 | <template> |
| 2 | 2 | <div class="panel-tab__content"> |
| 3 | 3 | <el-form size="mini" label-width="90px" :model="model" :rules="rules" @submit.native.prevent> |
| 4 | - <el-form-item label="流程标识" prop="key"> | |
| 5 | - <el-input v-model="model.key" placeholder="请输入流标标识" | |
| 6 | - :disabled="model.id !== undefined && model.id.length > 0" @change="handleKeyUpdate" /> | |
| 7 | - </el-form-item> | |
| 8 | - <el-form-item label="流程名称" prop="name"> | |
| 9 | - <el-input v-model="model.name" placeholder="请输入流程名称" clearable @change="handleNameUpdate" /> | |
| 10 | - </el-form-item> | |
| 11 | - <el-form-item label="流程分类" prop="category"> | |
| 12 | - <el-select v-model="model.category" placeholder="请选择流程分类" clearable style="width: 100%"> | |
| 13 | - <el-option v-for="dict in categoryDictDatas" :key="dict.value" :label="dict.label" :value="dict.value"/> | |
| 14 | - </el-select> | |
| 15 | - </el-form-item> | |
| 16 | - <el-form-item label="流程表单" prop="formId"> | |
| 17 | - <el-select v-model="model.formId" placeholder="请选择流程表单,非必选哟!" clearable style="width: 100%"> | |
| 18 | - <el-option v-for="form in forms" :key="form.id" :label="form.name" :value="form.id"/> | |
| 19 | - </el-select> | |
| 20 | - </el-form-item> | |
| 21 | - <el-form-item label="流程描述" prop="description"> | |
| 22 | - <el-input type="textarea" v-model="model.description" clearable @change="handleDescriptionUpdate" /> | |
| 23 | - </el-form-item> | |
| 4 | + <div v-if="elementBaseInfo.$type === 'bpmn:Process'"> <!-- 如果是 Process 信息的时候,使用自定义表单 --> | |
| 5 | + <el-form-item label="流程标识" prop="key"> | |
| 6 | + <el-input v-model="model.key" placeholder="请输入流标标识" | |
| 7 | + :disabled="model.id !== undefined && model.id.length > 0" @change="handleKeyUpdate" /> | |
| 8 | + </el-form-item> | |
| 9 | + <el-form-item label="流程名称" prop="name"> | |
| 10 | + <el-input v-model="model.name" placeholder="请输入流程名称" clearable @change="handleNameUpdate" /> | |
| 11 | + </el-form-item> | |
| 12 | + <el-form-item label="流程分类" prop="category"> | |
| 13 | + <el-select v-model="model.category" placeholder="请选择流程分类" clearable style="width: 100%"> | |
| 14 | + <el-option v-for="dict in categoryDictDatas" :key="dict.value" :label="dict.label" :value="dict.value"/> | |
| 15 | + </el-select> | |
| 16 | + </el-form-item> | |
| 17 | + <el-form-item label="流程表单" prop="formId"> | |
| 18 | + <el-select v-model="model.formId" placeholder="请选择流程表单,非必选哟!" clearable style="width: 100%"> | |
| 19 | + <el-option v-for="form in forms" :key="form.id" :label="form.name" :value="form.id"/> | |
| 20 | + </el-select> | |
| 21 | + </el-form-item> | |
| 22 | + <el-form-item label="流程描述" prop="description"> | |
| 23 | + <el-input type="textarea" v-model="model.description" clearable @change="handleDescriptionUpdate" /> | |
| 24 | + </el-form-item> | |
| 25 | + </div> | |
| 26 | + <div v-else> | |
| 27 | + <el-form-item label="ID"> | |
| 28 | + <el-input v-model="elementBaseInfo.id" clearable @change="updateBaseInfo('id')"/> | |
| 29 | + </el-form-item> | |
| 30 | + <el-form-item label="名称"> | |
| 31 | + <el-input v-model="elementBaseInfo.name" clearable @change="updateBaseInfo('name')" /> | |
| 32 | + </el-form-item> | |
| 33 | + </div> | |
| 24 | 34 | </el-form> |
| 25 | 35 | </div> |
| 26 | 36 | </template> | ... | ... |