Commit 14a7d637b37241bc56c0326254d53460da40e687

Authored by YunaiV
1 parent 5415a85c

修改 bpmn 的 ElementBaseInfo.vue ,解决基础元素的表单问题

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>
... ...