ant-design / ant-design/pro-components

🧐[问题]在使用Schema Form - JSON表单的时候,如果某一个值关联另外的两个值,如果关联的这两个值修改值,该值需要置空,在还未点击查询的情况下就直接提示了必填,期望是当点击查询的时候才提示必填

Open
#8,650 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🧐 问题描述

### 💻 示例代码
{
title:'利润中心',
dataIndex: 'f_fk_dwbh',
valueType: 'PayPlatformHelp',
dependencies: ['gsdm'],
formItemProps: {
rules: [
{
required: true,
},
],
},
params:{
valueKey:'dwbh',
operation:'bw',
},
fieldProps: (form) => {
form.setFieldValue('f_f1_zhbh', undefined);
let gsdm = form.getFieldValue('gsdm')?.code;
let params = {
helpname: 'LrzxHelp',
params:`${gsdm}`,
};
return { params, columns: columnsArrLrzx ,disabled: !gsdm};
},

},
{
title:'开户银行',// '付款银行',
dataIndex: 'f_f1_khyh_lx',
valueType: 'PayPlatformHelp',
params:{
valueKey:'shortName',
},
formItemProps: {
rules: [
{
required: true,
},
],
},
fieldProps: (form) => {
form.setFieldValue('f_f1_zhbh', undefined);
let params = {
helpname: 'BankHelp',
};
return { params, columns: columnsArr,idbkey:IDBKEY.bank };
},

},
{
title: '银行账户',//'付款账号',
dataIndex: 'f_f1_zhbh',
valueType: 'PayPlatformHelp',
dependencies: ['f_fk_dwbh','f_f1_khyh_lx'],
formItemProps: {
rules: [
{
required: true,
},
],
},
fieldProps: (form) => {
let fkyh = form.getFieldValue('f_f1_khyh_lx')?.code;
let fkdw=form.getFieldValue('f_fk_dwbh')?.dwbh;
let params = {
helpname: 'AccountGLDWHelp_tmp',
params: `${fkyh},${fkdw}`,
};
return {
disabled: !(fkdw && fkyh),
params,
isBigData:true
};
},
},

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the provided Schema Form configuration with the dependent `f_fk_dwbh` and `f_f1_khyh_lx` fields and the required `f_f1_zhbh` rule. Check when changing either dependency clears the account value and triggers validation; done when the required warning appears only after clicking query.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.