tuqin
5 天以前 2acdb4e99bed8d95d4bff4101649fb1d893db3a2
fix(bpm): 简易流程设计器始终显示,去掉空状态提示

上一版为简易设计器加了「未填名称显示提示」的空状态,
但用户期望第三步直接展示设计器画布,不需要提示。
简易设计器的 modelName 是可选参数,不依赖名称也能正常渲染,
故改为始终显示,去掉提示;BPMN 设计器仍要求先填 key 和名称。
已修改1个文件
20 ■■■■■ 文件已修改
src/views/bpm/model/form/modules/process-design.vue 20 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/bpm/model/form/modules/process-design.vue
@@ -4,7 +4,6 @@
import { computed, inject, nextTick, ref } from 'vue';
import { BpmModelType } from '@vben/constants';
import { IconifyIcon } from '@vben/icons';
import BpmModelEditor from './bpm-model-editor.vue';
import SimpleModelDesign from './simple-model-design.vue';
@@ -48,13 +47,10 @@
/** 是否显示设计器 */
const showDesigner = computed(() => {
  const data = modelData.value;
  if (!data?.name) {
    return false;
  }
  // BPMN 设计器需要流程标识 key;简易设计器只需要流程名称
  if (data.type === BpmModelType.BPMN) {
    return Boolean(data.key);
  // 简易设计器(Simple 类型)始终显示,不依赖 key/name;
  // 只有 BPMN 设计器才要求先填写流程标识与名称
  if (modelData.value?.type === BpmModelType.BPMN) {
    return Boolean(modelData.value?.key && modelData.value?.name);
  }
  return true;
});
@@ -86,13 +82,5 @@
        ref="simpleDesign"
      />
    </template>
    <!-- 未填写流程名称时给出提示,避免页面空白 -->
    <div
      v-if="!showDesigner"
      class="flex h-64 flex-col items-center justify-center gap-2 text-gray-400"
    >
      <IconifyIcon icon="lucide:info" class="size-8" />
      <span>请先在「基本信息」中填写流程名称,再进行流程设计</span>
    </div>
  </div>
</template>