Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 14, 2025

Description

The workflow "发起流程" (Start Process) page was rendering duplicate form buttons at the bottom when switching to the form filling interface. The form-create library's built-in submit/reset buttons appeared in addition to the custom action buttons, causing UI clutter.

Root cause: Form configuration allowed default button rendering, then attempted post-render hiding via fApi.value?.btn.show(false) - unreliable due to timing.

Fix: Configure submitBtn: false and resetBtn: false in form options before render:

  setConfAndFields2(detailForm, row.formConf, row.formFields, formVariables);

+ // 隐藏 form-create 的提交按钮和重置按钮
+ detailForm.value.option.submitBtn = false;
+ detailForm.value.option.resetBtn = false;
+
  // 设置表单就绪状态
  isFormReady.value = true;

- await nextTick();
- fApi.value?.btn.show(false); // 隐藏提交按钮

Only the Card actions template buttons now render. Matches pattern in form-design.vue.

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update
  • Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.

Checklist

  • If you introduce new functionality, document it. You can run documentation with pnpm run docs:dev command.
  • Run the tests with pnpm test.
  • Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.
  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published in downstream modules
Original prompt

This section details on the original issue you should resolve

<issue_title>Bug: 工作流程-审批中心-发起流程,界面bug</issue_title>
<issue_description>### Version

Vben Admin V5

Describe the bug?

Image

Reproduction

进入工作流程-审批中心-发起流程,切换到表单填写界面后,底部会出现一个额外的表单,导致页面错乱。

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz
    Memory: 5.09 GB / 31.20 GB
  Binaries:
    Node: 22.19.0 - C:\Program Files\nodejs\node.EXE
    npm: 11.6.0 - C:\Users\wangxy\AppData\Roaming\npm\npm.CMD
    pnpm: 10.14.0 - C:\Users\wangxy\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Chrome: 141.0.7390.123
    Edge: Chromium (140.0.3485.54)
    Internet Explorer: 11.0.26100.1882

Relevant log output

Validations

Comments on the Issue (you are @copilot in this section)


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI changed the title [WIP] Fix UI bug in approval center process initiation fix: Remove duplicate form buttons in workflow process creation Nov 14, 2025
Copilot finished work on behalf of YunaiV November 14, 2025 08:53
Copilot AI requested a review from YunaiV November 14, 2025 08:53
@YunaiV YunaiV closed this Nov 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug: 工作流程-审批中心-发起流程,界面bug

2 participants